一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

搜索
分享

HTML學(xué)習(xí)筆記★顏色邊框制作

 吉祥如意988 2014-06-13

       制作精美的裝飾邊框，將文字、圖片、動(dòng)畫、音樂組合在一起展現(xiàn)在日志中，能讓日志鮮活生動(dòng)起來令人賞心悅目。

一、單層簡(jiǎn)易表格框制作：

代碼:
<TABLE width=寬度 height=高度 border=1>
<TBODY>
<TR><TD>插入內(nèi)容</TD></TR></TBODY></TABLE>
 
二、多層簡(jiǎn)易表格框制作：
 
代碼:
<TABLE width=寬度 height=高度 border=1>
<TBODY>
<TR><TD>插入內(nèi)容</TD></TR></TBODY></TABLE>
將以上代碼復(fù)制后，根據(jù)需要在“<td>插入內(nèi)容</td>”處粘貼，需要幾層就重復(fù)粘貼幾次。
 

三、表格的背景顏色

       1、單層表格框純色背景（bgcolor=#顏色編碼）       

代碼:
<TABLE width=寬度 height=高度 border=1>
<TBODY>
<TR><TD>插入內(nèi)容</TD></TR></TBODY></TABLE>
在代碼<TABLE ...... border=1>中的......位置加bgColor=#efef8f。
 

        2、多層表格框純色背景
       
在每層框的代碼<TABLE ...... border=1>中的......位置加bgColor=#顏色編碼，并加寬每層框之間的距離：cellSpacing=10。
 
   
       3、單層漸變色
 

代碼：

<TABLE style="FILTER: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#EFEF8F,endColorstr=#9CE2AA); WIDTH: 600px; HEIGHT: 100px" borderColor=#62e16f height=100 cellSpacing=5 cellPadding=15 width=600 align=center border=3>

<TBODY>
<TR>
<TD>文章正文</TD></TR></TBODY></TABLE>

 
       4、多層表格框漸變色
 
 

  

四、表格的邊框顏色

       1、四邊同一顏色(borderColor=#顏色編碼)

在代碼<TABLE ...... border=1>中的......位置加borderColor=#ff00ff

        2、寬、高對(duì)邊的顏色(borderColorLight=#顏色編碼，外框線上左，內(nèi)框線下右、borderColorDark=#顏色編碼，外框線下右，內(nèi)框線上左)
 
 
 在代碼<TABLE ...... border=5>的......位置加borderColorLight=#e01616  borderColorDark=#06324f 
 
        3、四邊各邊不同顏色表格框
 
 在代碼<TABLE style="...;...">中;后加BORDER-RIGHT: #顏色編碼 solid; BORDER-TOP: #顏色編碼 solid;BORDER-LEFT: #顏色編碼 solid;BORDER-BOTTOM: #顏色編碼 solid; 
 

    五、表格邊框的樣式 

       none無邊框、hidden隱藏、dotted點(diǎn)狀、dashed虛線、solid實(shí)線、double雙線、groove凹槽、ridge壟狀、inset 3D內(nèi)嵌式、outset 3D外嵌式。 

頂部double雙線 

左邊solid實(shí)線                                                     右邊dotted點(diǎn)狀

 底部dashed虛線

       邊框樣式代碼：     

<TABLE style="BORDER-RIGHT: #ff00ff 7px dotted; BORDER-TOP: #ff0000 7px double; FILTER: progid:DximageTransform.Microsoft.gradient(gradientType=1,startColorstr=#eFeF8F,endColorstr=#9Ce2AA); BORDER-LEFT: #0000ff 7px solid; WIDTH: 525px; BORDER-BOTTOM: #aa0000 7px dashed; HEIGHT: 39px" cellSpacing=1 cellPadding=3 width=525 align=center bgColor=#efef8f border=7>
<TBODY>
<TR>
<TD>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE>
</body></html>

 歡迎語素材 - 吉祥如意988 - 

http://jxry988.360doc.com 吉祥如意988-360doc個(gè)人圖書館 

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多

    国产精品亚洲欧美一区麻豆| 国产在线小视频你懂的| 精品人妻一区二区三区免费| 国产精品日韩欧美第一页| 天海翼精品久久中文字幕| 国产三级欧美三级日韩三级| 真实国产乱子伦对白视频不卡| 亚洲视频一区自拍偷拍另类| 99精品国产一区二区青青| 日本乱论一区二区三区| 精品一区二区三区三级视频| 高清亚洲精品中文字幕乱码| 免费大片黄在线观看日本| 麻豆91成人国产在线观看| 日本高清二区视频久二区| 精品一区二区三区三级视频| 日韩免费国产91在线| 亚洲精品一区三区三区| 亚洲综合精品天堂夜夜| 免费高清欧美一区二区视频| 亚洲精品有码中文字幕在线观看| 午夜视频免费观看成人| 精品亚洲一区二区三区w竹菊 | 日韩视频在线观看成人| 日本精品免费在线观看| 色丁香一区二区黑人巨大| 国产精品亚洲一区二区| 欧美日韩久久精品一区二区 | 国产精品久久男人的天堂| 国产av熟女一区二区三区四区| 日韩精品一区二区不卡| 狠狠亚洲丁香综合久久| 欧美日韩精品久久第一页| 91欧美一区二区三区成人| 国内精品伊人久久久av高清| 91一区国产中文字幕| 日本欧美一区二区三区就| 久久这里只有精品中文字幕| 天堂网中文字幕在线观看| 高清一区二区三区大伊香蕉| 国产精品久久精品国产|