在CSS樣式中,有許多不同的樣式名可供選擇,其中兩個常用的樣式名是border和background。這兩個樣式名都有著非常廣泛的運用,能夠為網頁設計師帶來無限創意。
border{ border-width:1px; border-style:solid; border-color:#000000; }
首先說說border樣式,通過設置border樣式,可以為元素添加邊框。我們可以通過border-width屬性來指定邊框的寬度,有thin、medium和thick 3種可選值,也可以指定具體的長度值。而border-style屬性則用來設置邊框的線型,有solid、dotted、dashed等,具體樣式可以自己選擇。最后的border-color屬性則用來設置邊框的顏色。通過這三個屬性的組合,我們能夠創造出各種不同的邊框效果。
background{ background-color:#FFFFFF; background-image:url('background.jpg'); background-repeat:no-repeat; }
接下來是background樣式,通過設置background樣式,可以為元素添加背景。background-color屬性用來設置背景顏色,可以輸入常用的顏色名稱或者使用顏色代碼。而background-image屬性則用來設置背景圖片,圖片路徑需要在url()內指定,支持相對路徑和絕對路徑。background-repeat屬性用來控制圖片的重復方式,有no-repeat、repeat-x和repeat-y三種可選值。通過這三個屬性的組合,我們能夠輕松為網頁添加各種精美的背景。
上一篇css彈窗增加遮罩層
下一篇css 2個動畫