CSS表格澳门庄闲网站游戏t九游app 官方able与列表list
时间:2025-06-19 19:53:51 阅读(143)
值 | 说明 | CSS 版本 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
separate | 默认值,empty-cells
ul {width: 120px;list-style-position: inside;} 解释:标记位于内容框的内部。显示边框 | 2 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
hide | 不显示边框 | 2 |
table {empty-cells: hide;}解释:单元格内容为空是隐藏边框。
3、单元格边框独立
table {border-collapse: collapse;}
解释:单元格相邻的边框被合并。表格样式
表格有五种独有样式,列表样式
列表有四种独有样式,
值 | 说明 | CSS 版本 |
baseline | 内容对象与基线对齐 | 1 |
top | 内容对象与顶端对齐 | 1 |
middle | 内容对象与中部对齐 | 1 |
bottom | 内容对象与底部对齐 | 1 |
table tr td {vertical-align: bottom;}
解释:将单元格内的内容对象实现垂直对齐。不会拉伸整个单元格。我们可以使用 text-align 属性水平对齐,list-type-image
值 | 说明 | CSS 版本 |
none | 不使用图像 | 1 |
url | 通过 url 使用图像 | 1 |
ul {list-style-image: url(bullet.png);}
解释:使用图片作为前缀的标记。拉伸整个单元格
值 | 说明 | CSS 版本 |
长度值 | 0 表示间距,
分享到:
温馨提示:以上内容和图片整理于网络,仅供参考,希望对您有帮助!如有侵权行为请联系删除!
猜你喜欢友情链接: |