css怎么去掉下劃線

html+css
代碼編纂器:Dreamweaver CS5方式/
1新建一個html文件 , 定名為test.html , 用于講解css怎么去失落下劃線 。

css怎么去掉下劃線



2在test.html文件內 , 利用div標簽建立一個模塊 , 在div模塊 , 利用a標簽建立一個鏈接 。

css怎么去掉下劃線



3在test.html文件內 , 給div標簽設置class屬性 , 屬性值為demo , 本家兒要用于下面經由過程該class來設置css樣式 。

css怎么去掉下劃線



4在test.html文件內 , 編寫標簽 , 頁面的css樣式將寫在該標簽內 。

css怎么去掉下劃線



5因為a標簽有幾種狀況 , 別離正常狀況 , 已點擊狀況 , 勾當狀況 , 是以別離需要對這種狀況的樣式進行設置 。 代碼如下:

css怎么去掉下劃線



6在css標簽內 , 對a標簽的三種狀況都利用text-decoration屬性設置 , 將其屬性值設置為none , 從而實現去失落下劃線的結果 。

css怎么去掉下劃線



7【css怎么去掉下劃線】在瀏覽器打開test.html文件 , 查看實現的結果 。

css怎么去掉下劃線




以上內容就是css怎么去掉下劃線的內容啦 , 希望對你有所幫助哦!

    猜你喜歡