本文详细介绍了CSS中的盒子模型，包括边距、边框、填充和内容的构成。此外，还讨论了如何取消和自定义列表样式，如使用circle、square、upper-roman等。接着，深入探讨了边框属性，展示了border-style的不同设置方式。最后，提到了轮廓(outline)的特性，指出其不占空间且可能为非矩形的特点。
盒子模型
我们可以把html中的所有元素都看成是一个盒子，盒子与盒子之间的距离，盒子的墙壁，盒子里装的东西，盒子里的东西与盒子墙壁的距离组成一个盒子。
即边距，边框，填充，和实际内容组成了一个盒子
盒子允许我们在其它元素和周围元素边框之间的空间放置元素即两个盒子之间我们可以放其它的东西，比如文字。
下面的图片说明了盒子模型(Box Model)：
列表样式
取消列表前面的符号
link-style: none
不同的列表项标记
list-style-type指定列表项标记的类型
- circle 空心圆
- square 实心矩形
- upper-roman 英文 I II III 顺序标记
- lower-alpha 英文abc顺序标记
作为列表项标记的图像
ul
{
list-style-image: url('01.gif');
}
边框属性
边框样式
border-style
| 取值 | 描述< |
|---|
最低0.47元/天 解锁文章
扫一扫
3893
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
