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>
ps：border的三個屬性其實可以分別寫，用border-width: 1px; border-style:solid; border-color:red;這樣來畫出邊框