CSS - 边框 ¶
作者:KK
发表日期:2016.1.26
控制边框的属性是border
,下面有一个400*400像素的绿色区域,我们通过border属性给它添加了一个边框
<body>
<div style="width:400px; height:400px; margin:10px; background:green; border:1px solid #000">
这是一个绿色的区域
</div>
</body>
它的值分为三部分,比如上面1px solid #000
第1部分是边框的宽度,你可以试下改大来看看边框是不是加粗了
第2部分是边框的样式,solid表示实线,你可以上网搜索
css border详解
还有哪种边线可以用,比如虚线啊曲线啊...夸张点你还能用图片做线第3部分是边框的颜色,按照色值的章节里介绍的知识去定一个色值给它就是了
除了使用border属性设置边框外,还可以使用border-top
,border-right
,border-bottom
,border-left
这4个属性来设置上右下左不同方向的边框,当然可以同时使用2个属性设置2个方向