css怎么设置盒子两像素黑色边框-木庄网络博客

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

在css中，可以利用border属性来设置盒子两像素黑色边框，只需要给盒子元素添加“border:2px 边框样式值 black;”或者“border:2px 边框样式值 #000000;”样式即可。

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

在css中，可以利用border属性来设置盒子两像素黑色边框。

border属性在一个声明中设置边框大小（border-width）、边框样式（border-style）和边框颜色（border-color）。

示例：

<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            .p1 {
                border: 1px solid black;
            }
 
            .p2 {
                border: 2px solid black;
            }
 
            .p3 {
                border: 2px solid #000;
            }
 
            .p4 {
                border: 2px dotted #000;
            }
        </style>
    </head>
 
    <body>
        <p class="p1">1像素的黑色实线边框</p>
        <p class="p2">2像素的黑色实线边框</p>
        <p class="p3">2像素的黑色实线边框</p>
        <p class="p4">2像素的黑色点状边框</p>
    </body>
 
</html>