CSS(一)属性--border边框

HTML代码

<body>

</body>

CSS代码：

div{

font-size:12px; //字体大小，默认是16像素，互联网一般12或者14像素，（游览器字体都是设置字体的高）

font-weight:bold; //加粗，等价于HTML标签strong，还有其他值：normal（还原为正常默认）

font-style:italic; //斜体，等价于HTML标签em

font-family:arial; //字体设置，互联网字体用的多是arial（乔布斯发明），还有很多值:

color: red; //字体颜色

width:100px ; //div宽

height:100px; //div高

border:100px solid black; //给div加上盒子

border-left-color:red;

border-top-color:blue;

border-right-color:green;

border-bottom-color:transparent; //透明设置

border-radius:10px; //边框变为圆角

}

color：设置字体颜色，三种方式

方法一：

土鳖式(纯英文单词)，开发严禁设置

方法二：

颜色代码（三原色 r g b）

#ff4400 红色，每两位代表三原色之一的饱和度

##ff4400 简写为 #f40 必须保证每两都相同才可简化，淘宝红

方法三：

颜色函数

rgb(255,255,255) 白色

border:是个复合值，四个边的框，可以用它画出方框、三角形

方法一：整体设置

border:10px solid black;

方法二：属性拆开设置

border-width:20px;

border-style:dotted; //线体设置，虚线/实线等

方法三：每个边进行设置（颜色、宽度等。。。）

border-left-color:red;

border-top-color:blue;

巴特西