第三课 CSS的属性与用法
1、border 边框
可以按顺序设置如下边框属性:
属性 | 值 | 描述 |
---|---|---|
border-width | 以PX为单位 | 边框的粗细 |
border-style |
1、solid 实线 2、dashed 虚线 3、dotted 点线 |
边框的样式 |
border-color |
可以用英文,如:red 也可以在色板里选择 |
边框的颜色 |
通常采用简写的方式:
简写方式:
border:solid 1px #FOF;
实例:
HTML部分:
<div id="d1"></div>
CSS部分:
#d1 { width:100px; /* 宽度 */ height:100px; /* 高度 */ border:solid 1px #F0F; /* 边框 */ }
效果:
![](https://images2015.cnblogs.com/blog/811719/201509/811719-20150923001853819-634263670.png)
高度为100px 宽度为100px 实线 1px粗线 #F0F颜色
2、background 页面背景
属性 | 描述 |
---|---|
background-color | 背景颜色 |
background-image | 背景图片 |
background-position | 背景图像的位置 |
background-attachment:fixed | 定义背景图片是否固定或者随着页面的其余部分滚动 |
background-repeat |
背景图像重复, repeat-x 横向铺满 repeat-y 纵向铺满 no-repeat 不铺满 |
background-size:cover | 拉伸铺满 |
3、table 表格样式
table { whidth:400px; height:400px; border:solid 1px red; border-collapse:collapse; }
留意:border-collapse:collapse
让表格的边框合并为单一的边框
1111