网站真实性核验单游戏推广员是做什么的
边框样式&背景样式
边框样式
1、边框属性
属性 | 说明 |
---|---|
border-width | 边框的宽度 |
border-style | 边框的外观 |
border-color | 边框的颜色 |
border-style:
属性值 | 说明 |
---|---|
none | 无样式 |
hidden | 与“none”相同。bug应用于表除外。对于表,hidden用于解决边框冲突 |
solid | 实线 |
dashed | 虚线 |
dotted | 点线 |
double | 双线,双线的宽度等于border-width值 |
属性值 | 说明 |
---|---|
inset | 内凹 |
outset | 外凸 |
ridge | 脊线 |
groove | 槽线 |
虽然border-style属性值很多,但是大部分我们都用不上。一般情况下,我们用到solid和dashed这两个属性值就够了。
img{border-width:1px;border-style:solid;border-color:Red;}
2、border局部样式
border-top;border-bottom;border-left;border-right
border-right-width:1px;
border-right-style:solid;
border-right-color:red;
简洁写法:border-right:1px solid red;
背景样式
背景颜色:background-color
背景图像:
属性 | 说明 |
---|---|
background-image | 定义背景图像的路径,这样图片才能显示嘛 |
background-repeat | 定义背景图像显示方式,例如纵向平铺、横向平铺 |
background-position | 定义背景图像在元素哪个位置 |
background-attachment | 定义背景图像是否随内容而滚动 |
1、color和background-color
2、background-image:url("…/images/one.jpg")
#div1
{width:143px;height:220px;background-image:url("../App_images/lesson/run_cj/one piece.jpg");
}
3、background-repeat
属性值 | 说明 |
---|---|
no-repeat | 表示不平铺 |
repeat | 默认值,表示在水平方向(x轴)和垂直方向(y轴)同时平铺 |
repeat-x | 表示在水平方向(x轴)平铺 |
repeat-y | 表示在垂直方向(y轴)平铺 |
4、background-position:12px 24px;
表示背景图片距离该元素左上角的水平方向位置是12px,垂直方向位置是24px。注意,这两个取值之间要用空格隔开。
也可以取值为“关键字”:
top left;top center;top right;left center;center center;right center;botton left;bottom center;bottom right
5、background-attachment:scroll/fixed;