列表的属性：
- 设置项目符号:list-style-type:none;
- 设置项目符号为图片：list-style-image：url（“”）;
- 设置项目符号的位置：list-style-position：outstyle|inside；
- 简写：list-style：none；
表格属性：
- 设置元素宽高：wodth：； height：；
- 元素内容对齐方式 text-align： left|center|right；
- 表格内容的垂直对齐方式 vertical-align；middle|top|bottom；
- 边框折叠：相当于cell- spacing=“0”
border-collapse:collapse; (折叠边框）
- 表格背景颜色：background-color：；
- 表格背景图片：background-image；url（）；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
table{
width: 1000px;
height: 300px;
border-collapse: collapse;
background-color: pink;
}
tr{
text-align: center;
vertical-align: top;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>滴滴滴</td>
<td>滴滴滴</td>
<td>滴滴滴</td>
</tr>
</table>
</body>
</html>
默认情况下内容大于容器会溢出
盒子的内容溢出：overflow：；
取值：hidden 溢出部分隐藏 auto 自动，有溢出内容显示滚动条，没有溢出内容不显示滚动条。
.box{
width: 100px;
height: 400px;
background-color: blue;
white-space:nowrap; /*内容在同一行显示*/
overflow: auto;
text-overflow: ellipsis;/*文本溢出省略号显示*/
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
