A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始


1.1.1. border边框
边框是对象的边界框,用来设置对象的边框样式,实现美化美观。边框起到分割、规划布局作用。
边框(border)有3 个相关属性。
n border-width
设定边框的宽度,其值不能是百分比,必须是一个长度值或thin(细边框)、medium(中等边框)、thick(粗边框)这几个值之一。
可以使用下面的属性单独定义边框的上下左右的宽度:
border-top-widthborder-bottom-widthborder-left-widthborder-right-width
n border-style
设定边框的样式,有dotted(点线)、dashed(虚线)、solid(实线)等一些常用的文本值。下图3-5给出了产用三种边框样式的显示效果:
图3-5
同样也可以单独设置某个方向上的边框样式,例如:
border-top-styleborder-bottom-styleborder-left-styleborder-right-style
n border-color
设定边框的颜色,该属性值可以是十六进制的颜色编码或者颜色名。
同样也可以单独设置某个方向的边框颜色:
border-top-colorborder-bottom-colorborder-left-colorborder-right-color
n 简写方式border
简写方式直接用border表示,是复合样式,由宽度、线型和颜色组成,每个属性中间用空格分开。
border:5px  #000000  solid;
边框:宽度   颜色     线型  
线型可替换:solid实线、dashed虚线、dotted点线等比较常用的几种线型。
也可在border后加上下左右方位,来表示不同方向上的边框样式。例如:
border-top:#000000 solid 5px;                /*定义上边框为5像素的黑色实线*/
border-left:#000000 solid 5px;                /*定义左边框为5像素的黑色实线*/
border-right:#000000 solid 5px;                /*定义右边框为5像素的黑色实线*/
border-bottom:#000000 solid 5px;        /*定义下边框为5像素的黑色实线*/

1 个回复

倒序浏览
我来占层楼啊   
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马