box1.html 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <title>Document</title>
 8     <style>
 9         p.p1{
10             border-style:none;
11             border-width: 5px;
12             border-color: red;
13         }
14         p.p2{
15             border-style:dotted;
16             border-width: 6px;
17             border-color: #98bf21;
18         }
19         p.p3{
20             border-style: dashed;
21             border-width: 4px;
22             border-color: rgb(252,450,9);
23         }
24         p.p4{
25             border: medium solid pink;
26         }
27     </style>
28 </head>
29 <body>
30     <p class="p1">无边框</p>
31     <p class="p2">虚线边框</p>
32     <p class="p3">虚线边框</p>
33     <p class="p4">实线边框</p>
34 </body>
35 </html>

 

 
 
posted @ 2023-01-02 17:47  嘲讽二百五的五百五  阅读(31)  评论(0)    收藏  举报