HTML div边框怎么实现，html这样的边框如何弄

本文目录一览

1，html这样的边框如何弄
2，如何控制DIV的边框

1，html这样的边框如何弄

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><style type="text/css">divheight: 500px;width: 400px;border: 8px solid #102F5E;border-radius: 8px;}</style><body><div></div></body></html>大小自己改下两个div 一个白背景里面再写个div有边框的

给元素加border属性，设置border的像素大小（如border: 10px solid red;），这样就能看到元素的边框了。

圆角？比如 border-radius:15px，

html这样的边框如何弄

2，如何控制DIV的边框

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像素，边框一像素点线红色。

.border

<head<title边框颜色属性 border-color</title.d1 .d2 .d3 .d4 .d5 <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 .d2 .d3 .d4 .d5 .d6 .d7 .d8 .d9 <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

如何控制DIV的边框