手机版

css列表标签列表和表格标签表格

时间:2021-08-28 来源:互联网 编辑:宝哥软件园 浏览:

列表列表,无序列表ul,有序列表ol

1.列表项样式列表样式类型

无列表默认为距离填充圆,有序列表默认为十进制阿拉伯数字(前面没有0)

其他无序列表通常使用无样式、圆形空心圆和方形实心正方形

有序列表通常使用以0开头的十进制前导零数字、小写罗马数字、大写罗马数字以及小写字母、大写字母小写字母和大写英文字母

ul . a { list-style-type : circle;} ul . b { list-style-type : square;} ol . c { list-style-type : upper-Roman;} ol . d { list-style-type : lower-alpha;}例如,在上述设置之后,显示

2.由列表项标记的图像列表样式-图像: url

ul { list-style-image : URL('sq紫. gif ');}

3.列表项标签的位置列表样式位置

默认值为外部,标记位于文本左侧并位于文本外部,周围的文本不会根据标记对齐

在内部,标签放置在文本内部,周围的文本根据标签对齐

以上三个属性可以一起设置,用列表式表示,按类型、位置、图像的顺序排列,可以根据需要选择

例如ul { list-style : square URL(' sq紫色. gif ');}

桌子桌子

1.边境

仅使用边框,如table,th,TD {border: 1px纯黑;},结果如下,因为th和td有各自的边界

您可以将表格的边框设置为折叠成单个边框,或者由边框折叠属性分隔

表格{边框-折叠:折叠;}表格,td,th {border: 1px纯红;背景-颜色:浅灰色;颜色:绿色;文本对齐:中心}

2.表格宽度和高度,例如

表{ width :100%;} th { height:40px} tr { height:30px}3.表格中的文本对齐方式

文本-水平对齐和垂直对齐-垂直对齐(设置垂直对齐模式时必须指定td的高度)

版权声明:css列表标签列表和表格标签表格是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。