css系列教程--border和background

时间:2021-07-16 22:25:30

css标签b:
1.background:用法

background:可以指定颜色,背景,平铺效果以及背景定位。
background:url(aa.png) #fff 0px 0px no-repeat
注:该行背景指定该元素背景为aa.png的图片,背景色为白色,背景从0,0(x,y)的位置开始,不平铺

拆分写法:
background-color:#fff;
backgound-image:url(aa.png);
backgound-position:0px 0px;
background-repeat:no-repeat/repeat-x/repeat-y

2.border:用法

border:1px solid red;
注:该行代码表示的意思为边框为1像素  实线 红色的边框

拆分写法:
border-width:1px;
border-style:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-color:red;

border-top-color:red;
border-right-color:red;
border-bottom-color:red;
border-left-color:red;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-right-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-bottom-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等
border-left-sytle:solid/dashed/dotted/double/groove/ridge/inset/outset等