CSS中的邊框和背景圖是其中兩個最常用的屬性。邊框屬性可以給元素添加邊框,而背景圖屬性可以將圖片添加到元素的背景中。
要為元素添加邊框,可以使用border屬性。該屬性可以接受三個值:border-width(邊框寬度),border-style(邊框樣式)和border-color(邊框顏色)。如下示例:
#my-element { border: 2px solid black; }
這段代碼將在id為“my-element”的元素上添加2像素寬的黑色實線邊框。
另外,CSS還提供了更專業的邊框樣式,比如點線或虛線。下面的代碼將在元素上添加一個4像素深灰色的虛線邊框:
#my-element { border: 4px dashed #444; }
要為元素添加背景圖片,可以使用background-image屬性。這個屬性接受一個URL值,表示要使用的圖片的文件路徑。例如:
#my-element { background-image: url("my-image.jpg"); }
可以結合其他屬性調整背景圖片的屬性,如background-repeat、background-position和background-size,以實現更完美的效果。
上一篇css 邊框用重復圖片
下一篇css 選中圖片 半透明