三、 進(jìn)階鏈接樣式。
接下來我介紹一種另類鏈接樣式的定義方法，這種方法主要是利用樣式表中的Border屬性來替代普通鏈接的劃線，由于Border有更多的控制參數(shù)和樣式，因此可以實現(xiàn)一些特殊的效果。我們來看看下面的面板，如圖十；
在Border選項中包括Width（劃線寬度）、Color（劃線色彩）、Style（劃線種類）三部分，而每部分又是可以針對不同的邊框設(shè)定不同的參數(shù)，這是普通鏈接劃線不可能實現(xiàn)的效果。
需要提醒大家的是，使用這種方法定義鏈接樣式還有一個必要的條件：就是必須定義樣式中的Box屬性，如圖十一；
這是因為Border是屬于樣式中的塊狀元素，我們必須先定義一個塊狀元素才可以使Border起作用。我們只要任意定義Box選項中的Width或Height即可，具體數(shù)值大家可以試著看看效果，我在這里定義了Height為0。下面我們看看可以做出什么樣的效果。
1、 另類鏈接樣式。設(shè)置如圖十二；
2、 定制下劃線色彩，我們可以定義出下劃線與文字不同的色彩，這是普通鏈接文字不可能實現(xiàn)的效果，只要將Border的色彩和文字的色彩定義的不同即可，如圖十三；
3、 定制下劃線距離。此種劃線的距離我們可以在Box分類中設(shè)置，只需改變Padding的數(shù)值，在本例中我們設(shè)定Padding—Bottom為5pix，如圖十四；
4、 定制劃線長度和對齊方式。更進(jìn)一步我們還可以精確定義劃線的長度和對齊方式，打開Box分類設(shè)定Width為200，如圖十五；設(shè)定Block分類的Text Align為Center，即中間對齊，如圖十六；
 
5、 定制雙劃線效果。改變Border中的Style即可改變劃線的外觀，其中設(shè)定Style為Double，并設(shè)定Bottom為3pix即可實現(xiàn)雙劃線的效果。如圖十七；
出處：
責(zé)任編輯：無意
上一頁 初級鏈接樣式 下一頁 高級鏈接樣式
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 3 頁 進(jìn)階鏈接樣式
