css样式列表的种类 |css div置顶

下面是CSS样式表中几个常见的样式列表：

1、无序列表

ul {
list-style: none; /*去除默认样式*/
}
列表项 1
列表项 2
列表项 3

2、有序列表

ol {
list-style-type: decimal; /*可选样式有：1、A、a、I、i*/
}
列表项 1
列表项 2
列表项 3

3、定义列表

dl {
/*去除默认样式*/
margin: 0;
padding: 0;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
词语 1
定义 1
词语 2
定义 2
词语 3
定义 3

4、菜单列表

ul {
list-style: none; /*去除默认样式*/
}
li {
display: inline-block;
margin-right: 10px;
background-color: #CCC;
padding: 5px;
border-radius: 5px;
text-align: center;
}
菜单项 1
菜单项 2
菜单项 3
菜单项 4

5、图片列表

ul {
list-style: none; /*去除默认样式*/
}
li {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
img {
width: 100px;
height: 100px;
}
tab标签 css，css把图片翻转，移动端复制功能css，css中除去文字黑点，css3导航栏制作，css图片上下移动位置，css div置顶
tab标签 css，css把图片翻转，移动端复制功能css，css中除去文字黑点，css3导航栏制作，css图片上下移动位置，css div置顶
tab标签 css，css把图片翻转，移动端复制功能css，css中除去文字黑点，css3导航栏制作，css图片上下移动位置，css div置顶
tab标签 css，css把图片翻转，移动端复制功能css，css中除去文字黑点，css3导航栏制作，css图片上下移动位置，css div置顶

总之，CSS样式表中的样式列表为大家提供了丰富的定制化选项，可以帮助大家创建出各种不同类型的网页样式。