<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> /*要想看到邊框的顏色,就必須設置邊框的樣式,否則看不到效果。 border也可以簡寫:border:1px solid Red 意思是設置邊框border寬度為1px,樣式為solid,顏色為Red*/ .d1{ border-width:1px; border-style:solid;border-color:Red; background-color:Gray; text-align:center; } </style> </head> <body> <div class="d1">div1測試</div> <div> border-left 設置左邊框,一般單獨設置左邊框樣式使用 border-right 設置右邊框,一般單獨設置右邊框樣式使用 border-top 設置上邊框,一般單獨設置上邊框樣式使用 border-bottom 設置下邊框,一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。 四邊相同邊框border簡寫 #divcss5{border:1px solid #00F} 設置了divcss5對象盒子1px像素藍色實線邊框 </div> </body> </html>