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

最新推荐文章于 2024-09-01 21:56:01 发布

weixin_30628801

最新推荐文章于 2024-09-01 21:56:01 发布

阅读量1.2k

点赞数 1

原文链接：http://www.cnblogs.com/swust-wangyf/p/6768328.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>边框</title>
 6         <style type="text/css">
 7             div{
 8                 width: 300px;
 9                 height: 300px;
10                 border: 10px solid rgb(255,0,0);
11             }
12         </style>
13     </head>
14     <body>
15         <div>
16             
17             
18         </div>
19         <!--
20             boder的组成
21             1、边框的粗细程度
22             2、边框的表现形式
23                 solid  实线
24                 dashed 虚线
25                 dotted 点划线（这个属性不兼容，即不同浏览器显示是不一样的）
26             3、边框的颜色
27                 red         颜色英文单词
28                 #1234                   颜色十六进制数
29                 rgb(0,0,0)    颜色的rgb表示法
30                 rgba         其中a为阿尔法通道的意思
31             三个属性位置可调换
32         -->
33         
34     </body>
35 </html>