免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
表格標(biāo)記詳解★表格邊框css修飾語法
表格標(biāo)記詳解★表格邊框css修飾語法
有關(guān)表格邊框的css修飾語法
具體內(nèi)容包括:
上邊框?qū)挾?、右邊框?qū)挾取⑾逻吙驅(qū)挾?、左邊框?qū)挾取?div style="height:15px;">
邊框?qū)挾?、邊框顏色、邊框樣式?div style="height:15px;">
上邊框、下邊框、左邊框、右邊框、邊框、
寬度、高度、
有關(guān)標(biāo)簽等。
1.上邊框?qū)挾萣order-top-width:
語法: border-top-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對象
向下兼容: 否
上邊框?qū)挾葘傩杂糜谥付ㄒ粋€元素上邊框的寬度。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負值。也可以用在上邊框、邊框的寬度或邊框的屬性略寫。
<table border="1" Bordercolor=#003333 height=200 width=200 style="border-top:5 solid #551A8B">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
2.右邊框?qū)挾萣order-right-width:
語法: border-right-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對象
向下兼容: 否
右邊框?qū)挾葘傩杂糜谥付ㄔ氐挠疫吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負值。也可以用在右邊框、邊框的寬度或邊框的屬性略寫。
<table border="1" Bordercolor=#003333 height=200 width=200 style="border-right:5 solid #551A8B">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
3.下邊框?qū)挾萣order-bottom-width::
語法: border-bottom-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對象
向下兼容: 否
下邊框?qū)挾葘傩杂糜谥付ㄔ氐南逻吙虻膶挾取V悼梢允侨齻€關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的寬度。不允許使用負值。也可以用在下邊框、邊框的寬度或邊框的屬性略寫。
<table border="1" Bordercolor=#003333 height=200 width=200 style="border-bottom:5 solid #551A8B">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
4.左邊框?qū)挾萣order-left-width:
語法: border-left-width: <值>
允許值: thin | medium | thick | <長度>
初始值: medium
適用于: 所有對象
向下兼容: 否
左邊框?qū)挾葘傩杂糜谥付ㄔ氐淖筮吙虻膶挾?。值可以是三個關(guān)鍵字其中的一個,都不受字體大小或長度的影響,可以用于實現(xiàn)成比例的
寬度。不允許使用負值。也可以用在左邊框、邊框的寬度或邊框的屬性略寫。
<table border="1" Bordercolor=#003333 height=200 width=200 style="border-left:5 solid #551A8B">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>。
文本編輯
文本編輯
5.邊框?qū)挾萣order-width:
語法: border-width: <值>
允許值: [ thin | medium | thick | <長度> ]{1,4}
初始值: 未定義
適用于: 所有對象
向下兼容: 否
邊框?qū)挾葘傩杂靡坏剿膫€值來設(shè)置元素的邊界,值是一個關(guān)鍵字或長度。不允許使用負值長度。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。 這個屬性是上邊框?qū)挾取⒂疫吙驅(qū)挾?、下邊框?qū)挾群妥筮吙驅(qū)挾葘傩缘穆詫?。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;">
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 solid #551A8B">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
6.邊框顏色border-color:
語法: border-color: <值>
允許值: <顏色>{1,4}
初始值: 顏色屬性的值
適用于: 所有對象
向下兼容: 否
邊框顏色屬性設(shè)置一個元素的邊框顏色??梢允褂靡坏剿膫€關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;">
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 solid #000080">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
7.邊框樣式border-style:
語法: border-style: <值>
允許值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
初始值: none
適用于: 所有對象
向下兼容: 否
邊框樣式屬性用于設(shè)置一個元素邊框的樣式。這個屬性必須用于指定可見的邊框。可以使用一到四個關(guān)鍵字。如果四個值都給出了,它們分別應(yīng)用于上、右、下和左邊框的式樣。如果給出一個值,它將被運用到各邊上。如果兩個或三個值給出了,省略了的值與對邊相等。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;">none:無樣式;
dotted:點線;
dashed:虛線;
solid:實線;
double:雙線;
groove:槽線;
ridge:脊線;
inset:內(nèi)凹;
outset:外凸。
none:無樣式
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 none #000080">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
dotted:點線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 dotted #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
dashed:虛線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 dashed #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
solid:實線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 solid #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
double:雙線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 double #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
groove:槽線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 groove #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
ridge:脊線
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 ridge #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
inset:內(nèi)凹
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 inset #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
outset:外凸
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 outset #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
8.上邊框border-top:
語法: border-top: <值>
允許值: <上邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
上邊框?qū)傩允且粋€用于設(shè)置一個元素上邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;"><table border="1" Bordercolor=#003333 height=200 width=200 style="border-top:5 dashed #CC0033">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
9.右邊框border-right:
語法: border-right: <值>
允許值: <右邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
右邊框?qū)傩允且粋€用于設(shè)置一個元素右邊框的寬度、式樣、和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;"><table border="1" Bordercolor=#003333 height=200 width=200 style="border-right:5 double #9900FF">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
10.下邊框border-bottom:
語法: border-bottom: <值>
允許值: <下邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
下邊框?qū)傩允且粋€用于設(shè)置一個元素的下邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;"><table border="1" Bordercolor=#003333 height=200 width=200 style="border-bottom:5 dotted #330066">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
11.左邊框border-left:
語法: border-left: <值>
允許值: <左邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
左邊框?qū)傩允且粋€用于設(shè)置一個元素左邊框的寬度、式樣和顏色的略寫。注意只能給出一個邊框式樣。也可以使用略寫的邊框?qū)傩浴?div style="height:15px;"><table border="1" Bordercolor=#003333 height=200 width=200 style="border-left:5 ridge #CC3300">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
12.邊框border:
語法: border: <值>
允許值: <邊框?qū)挾?gt; || <邊框式樣> || <顏色>
初始值: 未定義
適用于: 所有對象
向下兼容: 否
邊框?qū)傩允且粋€用于設(shè)置一個元素邊框的寬度、式樣和顏色的略寫。
邊框聲明的例子包括:
H2 { border: groove 3em }
A:link { border: solid blue }
A:visited { border: thin dotted #800080 }
A:active { border: thick double red }
link 沒有接觸過的鏈接
visited訪問過的鏈接
hover 鼠標(biāo)放在鏈接上的狀態(tài)
active 在鏈接上按下鼠標(biāo)時的狀態(tài)
邊框?qū)傩灾荒茉O(shè)置四種邊框;只能給出一組邊框的寬度和式樣。為了給出一個元素的四種邊框的不同的值,網(wǎng)頁制作者必須用一個或更多的屬性,如:上邊框、右邊框、下邊框、左邊框、邊框顏色、邊框?qū)挾?、邊框式樣、上邊框?qū)挾?、右邊框?qū)挾取⑾逻吙驅(qū)挾然蜃筮吙驅(qū)挾取?div style="height:15px;"><table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 dotted #FFFF00">
<tr>
<th>文本編輯</th>
</tr>
<tr>
<td>文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
13.寬度width:
語法: width: <值>
允許值: <長度> | <百分比> | auto
初始值: auto
適用于: 塊級和替換元素
向下兼容: 否
寬度屬性的初始值為“auto”,即為該元素的原有寬度(有就是元素自己的寬度)。百分比參考上級元素的寬度。不允許使用負的長度值。
14.高度height:
語法: height: <值>
允許值: <長度> | auto
初始值: auto
適用于: 塊級和替換元素
向下兼容: 否
高度屬性的初始值為“auto”,即為該元素的原有高度(有就是元素自己的高度,)。百分比參考上級元素的寬度。不允許使用負的長度值。
15.有關(guān)標(biāo)簽table、td:
table:表格標(biāo)簽,對整個表格樣式的定義要放在table中;
td:單元格標(biāo)簽,對單元格樣式的定義要放在td中。
<table border="1" Bordercolor=#003333 height=200 width=200 style="border:5 dotted #FF0033">
<tr>
<th style="border:3 dotted #99FF00">文本編輯</th>
</tr>
<tr>
<td style="border:3 dotted #FFFF00">文本編輯</td>
</tr>
</table>
文本編輯
文本編輯
http://jxry988.360doc.com 吉祥如意988-360doc個人圖書館
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
代碼入門教程(20)
表格的制作(送給音畫愛好者)
學(xué)代碼一
用顏色制作邊框與貼圖方法
學(xué)做邊框
初學(xué)制作邊框和插入圖片
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服