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个方向