例:
- <divstyledivstyle="border:dotted2pxblack;background-color:Yellow;width:100px;height:100px;">< span>div>
說明:border後跟邊框的樣式、寬度、顏色等屬性。還可以用以下屬性分別設置。
34、border-width:設置邊框的寬度。
35、border-color:設置邊框的顏色。
36、border-style:設置邊框的樣式。
例:
代碼
- 1<labelstylelabelstyle="font-size:14px;">選擇樣式:< span>label>
- 2
- 3<selectidselectid="bstyle"onchange="document.getElementById('tdd').style.
- 4
- 5borderStyle=this.options[this.selectedIndex].text;">
- 6
- 7<optionselectedoptionselected="selected">none< span>option>
- 8
- 9<option>dashed< span>option>
- 10
- 11<option>dotted< span>option>
- 12
- 13<option>groove< span>option>
- 14
- 15<option>hidden< span>option>
- 16
- 17<option>inset< span>option>
- 18
- 19<option>outset< span>option>
- 20
- 21<option>ridge< span>option>
- 22
- 23<option>double< span>option>2425<option>solid< span>option>
- 26
- 27< span>select>
- 28
- 29<dividdivid="tdd"style="border-style:none;
- border-width:5px;border-color:Black;width:100px;
- height:100px;background-color:Yellow;">
- 30
- 31< span>div>
說明:border是對四個邊框同時進行設置。也可以單獨對某一邊或幾個邊進行設置,此時用以下屬性:
border-top:設置上邊框樣式。
37、border-bottom:設置下邊框樣式。
38、border-left:設置左邊框樣式。
39、border-right:設置右邊框樣式。
說明:某一邊框的某一樣式也可單獨設置,以上邊框為例可以用:border-top-style、border-top-width、border-top-color來分別設置,由於使用各border相同,所以不在舉例說明。
40、display:設置顯示屬性。其值有block、none。
41、float:設置DIV在頁面上的流向,其值有left(靠左顯示)、right(靠右顯示)、none。
50、background:設置DIV的背景樣式。
例:
- <divstyledivstyle="width:600px;height:200px;background:yellowurl(mw3.jpg)repeatscroll;
- overflow:auto">
- <divstyledivstyle="width:2px;height:1000px;">
- < span>div>
- < span>div>
說明:background後可直接跟背景的顏色、背景圖片、平鋪方式等樣式。也可以用以下屬性分別設置。
51、background-color:設置背景顏色。
52、background-attachment:背景圖像的附加方式,其值有scroll、fixed。
53、background-image:指定使有的背景圖片。
54、background-repeat:背景圖象的平鋪方式。其值有no-repeat(不平鋪)、repeat(兩個方向平鋪)、
repeat-x(水平方向平鋪)、repeat-y(垂直方向平鋪)。
55、background-position:在DIV中定位背景位置。其值有topbottomleftright的不同組合。也可以以用坐標
指定具體的位置。
例:
- <divstyledivstyle="background-color:Yellow;
- background-image:url(mw3.jpg);
- background-position:rightbot