Question

如何控制DIV的边框

Answer 1

DIV设置边框相关如下：

1. div边框像素设置：

   border:1px，边框像素为一像素；

   border-left:1px，左边框一像素；

   border-right:2px，右边框2像素；

   border-top:3px，上边框3像素；

   border-bottom:4px  下边框4像素；
   

2. div4边边框颜色为红色：border-color:#FF0000；
   border-color:颜色值，即可设置对象边框颜色；
   border-left-color:#000 ，设置左边框颜色为黑色；
   border-right-color:#FF0000 ，设置右边框颜色为红色；
   border-top-color:#000 ，设置上边框颜色为黑色；
   border-bottom-color:#FF0000 设置下边框颜色为红色；

3. div边框线条设置:
   

   border-style:none ，无边框
   border-style:dotted，点线式边框（虚线）
   border-style:dashed，破折线式边框（波浪线）
   border-style:solid，直线式边框
   注：设置边框宽度必须大于或等于1px，边框颜色才会显示并有存在意义。
   例：<div style="width:313px; height:235px; border:1px solid #FF0000;"></div>　　
   　　div宽313像素，高235像素，边框一像素点线红色。

Answer 2

<head<title边框颜色属性 border-color</title .d1 {border-color:#FFA500;border-style:solid;} .d2 {border-color:#33CC00;border-style:solid;} .d3 {;border-color:#6600FF;border-style:solid;} .d4 {border-color:#FF6347;border-style:solid;} .d5 {border-color:gray;border-style:solid;}</style</head<body<div class= "d1"这个div的CSS边框颜色(border-color)属性值是橙色。</div <div class= "d2"这个div的CSS边框颜色(border-color)属性值是绿色。</div <div class= "d3"这个div的CSS边框颜色(border-color)属性值是蓝色。</div <div class= "d4"这个div的CSS边框颜色(border-color)属性值是番茄红。</div <div class= "d5"这个div的CSS边框颜色(border-color)属性值是灰色。</div</body</html=============================================<html<head<title边框风格属性 border-style </title <style type="text/css" .d1 {border-style:none;} .d2 {border-style:solid;} .d3 {border-style:dotted;} .d4 {border-style:dashed;} .d5 {border-style:double;} .d6 {border-style:groove;} .d7 {border-style:ridge;} .d8 {border-style:inset;} .d9 {border-style:outset;}</style</head<body<div这个div的CSS边框风格(border-style)属性缺省值是none。</div <div class = "d1"这个div的CSS边框风格(border-style)属性是none。</div <div class = "d2"这个div的CSS边框风格(border-style)属性是solid。</div <div class = "d3"这个div的CSS边框风格(border-style)属性是dotted。</div <div class = "d4"这个div的CSS边框风格(border-style)属性是dashed。</div <div class = "d5"这个div的CSS边框风格(border-style)属性是double。</div <div class = "d6"这个div的CSS边框风格(border-style)属性是groove。</div <div class = "d7"这个div的CSS边框风格(border-style)属性是ridge。</div <div class = "d8"这个div的CSS边框风格(border-style)属性是inset。</div <div class = "d9"这个div的CSS边框风格(border-style)属性是outset。</div</body</html