黑海中的璀璨(pixnet站)

為了突顯強調一些"文字"或"超連結"文字與內文有所區別, 我們可以從CSS樣式表模版部分動手腳, 這樣以後, 所有相同地方皆會套用該設定的模式:





【語法】

A{color:#色碼; text-decoration: none;} /*所有超連結*/

A:link{color:#色碼; text-decoration: none;} /*超連結文字格式*/ A:visited{color:#色碼; text-decoration: none;} /*瀏覽過的連結文字格式*/

A:active{color:#色碼;} /*按下連結的格式*/ A:hover{color:#色碼;} /*滑鼠移至連結*/

參考色碼一覽表

[基本介紹]

字體→ font-family:標楷體;明細體. 可以調整喜歡的字型，切記一定要用微軟有的，若弄一些新潮的字體，這樣效 果只有安裝該字體的電腦才有辦法看到喔！

大小→ font-size:? pt; 大小要多少自己填。文字位移→ position:relative;top:1px;left:1px 這是位移的效果，當然方向跟距離是可以改變的。

[進階介紹]

=字體= font-style: italic ; /*文字斜體*/

font-variant: small-caps ; /*小字體*/

letter-spacing : 1pt ; /*字間距離*/

line-height : 200% ; /*設定行高*/

font-weight: bold ; /*文字粗體*/

vertical-align: sub ; /*下標字*/

vertical-align: super ; /*上標字*/

text-decoration: line-through ; /*加刪除線*/

text-decoration: overline ; /*加頂線*/

text-decoration: underline ; /*加底線*/

text-decoration: none ; /*刪除連結底線*/

text-transform : capitalize ; /*首字大寫*/

text-transform : uppercase ; /*英文大寫*/

text-transform : lowercase ; /*英文小寫*/

text-align: right ; /*文字靠右對齊*/

text-align: left ; /*文字靠左對齊*/

text-align: center ; /*文字置中對齊*/

=超連結系列=

1.文字 文字

2.圖框

3.圖像

4.圖片說明

5.開啟第二視窗網頁 文字 email 文字