去掉无序表前面的小黑圆点
ul li{
list-style:none
}
list-style的属性值:
1.none去掉实心圆
2.cricle 空心圆
3.decimal 变成有顺序的数字
4.square 正方形
css背景:
- 背景颜色:background-color:颜色值;
- 背景图片:background-image:none|url(图片路径);
- 背景平铺方式:background-repeat:repeat(默认);(默认铺满)
- 背景图像固定:background-attachment:scroll(默认滚动);
- 背景图片位置:background-position:x y;
简写css背景:
background:颜色 图片 平铺方式 图像固定 图片位置;
css线性渐变:
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);
css径向渐变:
background-image: radial-gradient(shape size at position, start-color, ..., last-color);
边框border属性:border 可以设置元素边框。边框有三个组成:border-width
、border-style
、border-color
border-right-width粗细:??px
border-right-style 样式:solid/dashed/dotted
border-right-color:
边框属性简写 border:1px solid black;
边框属性分写border-top:1px solid red;
border-bottotm:1px solid red;
border-left:1px solid red;
border-right:1px solid red;
padding
属性设置内边距,即边框与内容之间的距离
padding-top:??px
padding-bottotm:
padding-left:
padding-right:
padding
的值的个数:
- 1 个值:上下左右
- 2 个值:上下,左右
- 3 个值:上,左右,下
- 4 个值:上,右,下,左,顺时针
padding:10px 10px;上下 左右内边距10px
padding:10px 10px 10px 上 左右 下内边距10px
盒子=外边距宽+边框宽+内边距宽+文本内容