html页面边框的简单设置方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>边框</title>

         <style type="text/css">

             div{

                 width: 300px;

                 height: 300px;

                 border: 10px solid rgb(255,0,0);

             }

         </style>

     </head>

     <body>

         <div>

         </div>

         <!--

             boder的组成

             1、边框的粗细程度

             2、边框的表现形式

                 solid  实线

                 dashed 虚线

                 dotted 点划线（这个属性不兼容，即不同浏览器显示是不一样的）

             3、边框的颜色

                 red         颜色英文单词

                 #1234                   颜色十六进制数

                 rgb(0,0,0)    颜色的rgb表示法

                 rgba         其中a为阿尔法通道的意思

             三个属性位置可调换

         -->

     </body>

 </html>