在之前“邊框”這一章,我們已經深入學習了邊框屬性。我們再次聲明一下,對於border(邊框)的值,我們在項目開發的時候,更多習慣用“簡潔寫法”。對於“border:1px solid gray;”這種簡潔寫法,第一個值指的是框的大小(border-width),第二個值指的是框的樣式(border-style),第三個值指的是框的顏色(border-color)。
語法:
border:像素值 邊框類型 顏色值
說明:
兩個屬性值之間一定要用空格隔開。
舉例:
在線測試<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS邊框border</title> <style type="text/css"> #main { width:100px; height:80px; border:2px dashed gray; } </style> </head> <body> <div id="main"></div> </body> </html>
在浏覽器預覽效果如下: