首页 > 作文

css列表标签list与表格标签table详解

更新时间:2023-04-03 15:03:18 阅读: 评论:0

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

1.列表项样式list-style-type

无列表默认为dist实心圆,有序列表默认为decimal阿拉伯数字(前面不带0)

其他无序列表常用none无样式,circle空心圆,square实心方块

有序列表常用decimal-leading-zero以0开头的数字,lower-roman、upper-roman小写、大写罗马数字,lower-alpha、upper-alpha小写、大写英文字母

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.列表项标记的图像list-style-image: url

ul { list-style-ima康熙词典ge: url(‘sqpurple.gif’); }

3.列表项标记的位置list-style-position

默认值outside,标记位于文本的左侧,且放置在文怎么消灭蟑螂本以外,环绕文本不根据标记对自动化考研院校齐

inside,标记放置在文本以内,且环绕文本根据标记对齐

上述三个属性可集合在一起,通过list-style表示,顺序为type、position、image,可根据需要选择

例如ul { list-style: square url(“sqpurple.gif”); }

表格table

1.边框border

如果仅使用border,例如table, th, td { border: 1px solid black; },得到的狐假虎威动画片效果如下,因为th和td都有各自的边框

可再通过border-collap属性设置表格的边框被折叠成一个单一的边框或隔开

tab页码从第三页开始le {border-collap: collap;}table, td, th {border: 1px solid red;background-color:lightgray;color:green;text-align:center}

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

table{width:100%;}th{height:40px;}tr{height:30px;}

3.表格内文本对齐方式

text-align水平对齐,vertical-align垂直对齐(设置垂直对齐方式时必须指定td的高度)

本文发布于:2023-04-03 15:03:16,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/2b67c1f2661525cb643e5ef4ae552a65.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:css列表标签list与表格标签table详解.doc

本文 PDF 下载地址:css列表标签list与表格标签table详解.pdf

标签:列表   标记   边框   文本
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图