網頁OR部落格文章中加入表格和背景

在文章中將文字加入背景顏色及表格(HTML)

<p><span class="Apple-style-span" style=" -webkit-border-horizontal-spacing: 10px; -webkit-border-vertical-spacing: 10px; "></span></p><p></p><table border="0" width="400" class="main" cellpadding="10" style=" "><tbody><tr><td bgcolor="輸入背景顏色"><p></p><div style="margin-top: 5px; margin-left: 10%; margin-right: auto; margin-bottom: 20px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-left-color: rgb(0, 0, 0); ">輸入你要輸入的文字</div></td></tr></tbody></table><p></p>


不同邊框表示


border-style: solid



border-style:dashed




border-style:double




border-style:dotted



border-style:groove




border-style:ridge




border-style:inset




border-style:outset


可以依自己喜歡的款式修改你要的邊框
當然也可以修改邊框的厚度
border-width:9px(可以是數字)
thin (薄)、medium (中等)、thick (厚)(也可以是個文字代表)
想修改邊框顏色也是可行的
border-color:red 或輸入顏色代碼(如:FFCCFF)



也可以將背景顏色改成圖片

<div><p style="background-
image: url(圖片網址); background-
repeat: no-repeat; ">
輸入文字</p></div>




不同的文章表現方式,就可以慢慢打造屬於自己的網頁或部落格。
設計,也是挺好玩的:)

最新文章