html div边框线怎么设置-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

html div元素边框线可以使用border相关属性来设置：1、border属性同时设置上下左右边框样式；2、border-top、border-bottom、border-left和border-right属性分别设置上下左右边框样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS边框属性允许你指定一个元素边框的样式和颜色。

示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            div {
                width: 250px;
                margin: 50px 0px;
                padding: 20px 10px;
            }
            .box1{
                border: 1px solid red;
            }
            .box2{
                border-top: 1px solid green;
            }
            .box3{
                border-bottom: 1px solid green;
            }
            .box4{
                border-left: 1px solid green;
            }
            .box5{
                border-right: 1px solid green;
            }
 
        </style>
    </head>
 
    <body>
        <div class="box1">border属性设置使用边框样式</div>
        <div class="box2">border-top属性设置上边框样式</div>
        <div class="box3">border-bottom属性设置下边框样式</div>
        <div class="box4">border-left属性设置左边框样式</div>
        <div class="box5">border-right属性设置右边框样式</div>
    </body>
 
</html>