CSS是一門設計網頁樣式的語言,其中有很多屬性可以被用于制作各種效果。其中一個屬性是Image,它可以用來設置某個HTML元素的背景圖片或者是自己的圖片。
div { background-image: url("example.jpg"); }
以上代碼可以讓一個div元素的背景變成了一張名為example.jpg的圖片。可以是gif,jpeg,png等常見的圖片格式。另外,如果需要重復圖片,可以使用background-repeat屬性。
div { background-image: url("example.jpg"); background-repeat: repeat-x; }
以上代碼可以讓圖片在水平方向上重復顯示,而不在豎直方向上重復。
另外,如果需要改變圖片的大小或者圖片的方位,可以使用background-size和background-position屬性。
div { background-image: url("example.jpg"); background-size: cover; background-position: center; }
以上代碼可以讓圖片在div中被自適應縮放,同時讓它居中顯示。
最后需要注意的一點是,如果需要使用自己的圖片,應該保證在使用它前已經存儲到了服務器上,同時盡量控制圖片的大小,以便在加載時不會太慢。
上一篇css中input用法
下一篇mysql服務端安裝截圖