建站
咨詢
售后
建站咨詢
新聞中心
你對CSS中超鏈接的概念是否了解，這里和大家分享一下如何用CSS控制超鏈接樣式，超鏈接通俗地指從一個網頁指向一個目標的連接關系。
在晉源等地區(qū)，都構建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供網站建設、成都網站建設 網站設計制作按需策劃設計,公司網站建設,企業(yè)網站建設,品牌網站設計,成都全網營銷推廣,外貿網站建設,晉源網站建設費用合理。
用CSS控制超鏈接樣式
本文將講解通過CSS樣式或通過CSS來控制超鏈接樣式。這里主要講文字類型的超鏈接，超鏈接的樣式包括通過CSS來控制設置超鏈接有無下劃線、超鏈接文字顏色等樣式。
什么是超鏈接？
超鏈接通俗地指從一個網頁指向一個目標的連接關系，這個目標可以是另一個網頁,也可以是相同網頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序。而在一個網頁中用來超鏈接的對象，可以是一段文本或者是一個圖片。當瀏覽者單擊已經鏈接的文字或圖片后,鏈接目標將顯示在瀏覽器上，并且根據目標的類型來打開或運行。
超鏈接的代碼
- title="關于divCSS的網站">DIV+CSS
解析如下：
href后跟被鏈接地址目標網站地址這里是http://www.divCSS5.com/
target
_blank--在新窗口中打開鏈接
_parent--在父窗體中打開鏈接
_self--在當前窗體打開鏈接,此為默認值
_top--在當前窗體打開鏈接，并替換當前的整個窗體(框架頁)
◆title后跟鏈接目標說明，也就是超鏈接被鏈接網址情況簡要說明，或標題
CSS可控制超鏈接樣式-CSS鏈接樣式如下
a:active是超級鏈接的初始狀態(tài)
a:hover是把鼠標放上去時的狀況
a:link是鼠標點擊時
a:visited是訪問過后的情況
超鏈接樣式案例
1、通常對全站超鏈接樣式化方法
- a{color:#333;text-decoration:none;}
- //對全站有鏈接的文字顏色樣式為color:#333;
- 并立即無下劃線text-decoration:none;
- a:hover{color:#CC3300;text-decoration:underline;}//對鼠標放到超鏈接上文字顏色樣式變?yōu)?
- color:#CC3300;
- 并文字鏈接加下劃線text-decoration:underline;
2、通過鏈接內設置類控制超鏈接樣式CSS方法
案例超鏈接代碼
- CSS
對應CSS代碼
- a.yangshi{color:#333;text-decoration:none;}
- a.yangshi:hover{color:#CC3300;text-decoration:underline;}
通過這樣的設置可以控制鏈接內的CSS類名為“yangshi”超鏈接的樣式
3、通過對應超鏈接外的父級的CSS類的CSS樣式來控制超鏈接的樣式
案例超鏈接代碼
- CSS
對應CSS代碼
- .yangshia{color:#333;text-decoration:none;}
- .yangshia:hover{color:#CC3300;text-decoration:underline;}
這里值得注意的是a.yangshi與.yangshia的樣式CSS代碼區(qū)別，這里就是常見的通過divCSS來對超鏈接樣式設置案例及分析。
當前文章：使用CSS控制超鏈接樣式
文章位置：http://www.5511xx.com/article/cdochhh.html
