Html去除a標(biāo)簽的默認(rèn)樣式的操作代碼
我要評(píng)論Html去除a標(biāo)簽的默認(rèn)樣式,
a標(biāo)簽超鏈接字體默認(rèn)藍(lán)色帶下劃線;
去除可用:
a{
text-decoration:none;
color:inherit;
cursor:auto;
}測(cè)試代碼
<!DOCTYPE html>
<html lang="zh-CN" dir="ltr"><head><meta charset="utf-8"/><title>Ctrl ae uk ak Bash</title><style id="Style001">
a{
text-decoration:none;
color:inherit;
cursor:auto;
}
</style></head><body>
<div>
<a>這是一個(gè)a標(biāo)簽, 去掉a標(biāo)簽的樣式, 用了??</a>
<a></a>
<script>
const Style001 = document.getElementById("Style001");
document.currentScript.previousElementSibling.innerHTML = '<pre style="font-size:66px;">' + document.getElementById("Style001").innerHTML + '</pre>';
</script>
</div>
</body></html>效果
text-decoration 屬性
text-decoration CSS 簡(jiǎn)寫(xiě)屬性設(shè)置文本上的裝飾性線條的外觀。它是 text-decoration-line、text-decoration-color、text-decoration-style 和較新的 text-decoration-thickness 屬性的縮寫(xiě)。
text-decoration 可以設(shè)置1到4個(gè)參數(shù), 允許不分先后, 分別為:
- line劃線種類(lèi)
text-decoration-line - color劃線顏色
text-decoration-color - style劃線樣式
text-decoration-style - thickness劃線厚度
text-decoration-thickness
text-decoration-line
none無(wú)修飾。overline上劃線。line-through中劃線, 有一條貫穿文本中間的修飾線。underline下劃線。
text-decoration-color
設(shè)置劃線顏色
text-decoration-color:red; text-decoration-line:underline 可寫(xiě)成, 不分前后 text-decoration: red underline;
text-decoration-style
text-decoration-style: solid; /*** 實(shí)線 ***/ text-decoration-style: double; /*** 雙實(shí)線 ***/ text-decoration-style: dotted; /*** 點(diǎn)劃線 ***/ text-decoration-style: dashed; /*** 虛線 ***/ text-decoration-style: wavy; /*** 波浪線 ***/
text-decoration-thickness
文本裝飾線厚度 (粗細(xì))
CSS 屬性 text-decoration-thickness 用于設(shè)置元素中文本所使用的裝飾線（如 line-through、underline 或 overline）的筆觸厚度。
取值:
auto: 由瀏覽器為文本裝飾線選擇合適的厚度。from-font: 如果字體文件中包含了首選的厚度值，則使用字體文件的厚度值。如果字體文件中沒(méi)有包含首選的厚度值，則效果和設(shè)置為 auto 一樣，由瀏覽器選擇合適的厚度值。- 長(zhǎng)度, 如 1em , 2px,
- 百分比, 如 10%
/* Single keyword */ text-decoration-thickness: auto; text-decoration-thickness: from-font; /* 長(zhǎng)度*/ text-decoration-thickness: 0.1em; text-decoration-thickness: 3px; /* 百分比*/ text-decoration-thickness: 10%;
可以寫(xiě)在text-decoration 四個(gè)參數(shù)位置的任意位置
到此這篇關(guān)于Html去除a標(biāo)簽的默認(rèn)樣式的文章就介紹到這了,更多相關(guān)html a標(biāo)簽內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
相關(guān)文章
html post請(qǐng)求之a(chǎn)標(biāo)簽的兩種用法解析
這篇文章主要介紹了html post請(qǐng)求之a(chǎn)標(biāo)簽的兩種用法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2020-05-12
這篇文章主要介紹了HTML常用meta大全(推薦)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-30- area 元素總是嵌套在 <map> 標(biāo)簽中。本文重點(diǎn)給大家介紹html area標(biāo)簽的相關(guān)知識(shí)，需要的朋友參考下吧2018-10-15
- 這篇文章主要介紹了HTML中的<meta>標(biāo)簽的使用，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-06-05
- <meta> 元素可提供有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。這篇文章給大家介紹了html中meta標(biāo)簽及用法詳解，感興趣的朋2018-02-23
HTML超鏈接a標(biāo)簽_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
<a>是超鏈接標(biāo)簽，什么是超鏈接呢？這篇文章主要介紹了HTML超鏈接a標(biāo)簽的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-21html meta標(biāo)簽的使用總結(jié)(推薦)
下面就為大家?guī)?lái)一篇html meta標(biāo)簽的使用總結(jié)(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08- 寫(xiě)在Web的head頭部中的mata標(biāo)簽看似不起眼,實(shí)則可以設(shè)置非常多種的功能,包括頁(yè)面編碼等重要設(shè)定,這里我們便來(lái)總結(jié)HTML的meta標(biāo)簽常見(jiàn)用法集錦:2016-07-11
HTML的a標(biāo)簽href屬性指定相對(duì)路徑與絕對(duì)路徑的用法講解
href是鏈接前端文件的一個(gè)最常用的重要屬性,這里我們就來(lái)看一下HTML的a標(biāo)簽href屬性指定相對(duì)路徑與絕對(duì)路徑的用法講解,需要的朋友可以參考下2016-07-11- 這篇文章主要介紹了HTML中META標(biāo)簽的一些使用技巧,共舉了10個(gè)小例子,HTML5中META標(biāo)簽也有演進(jìn),可以說(shuō)是HTML學(xué)習(xí)中的重要知識(shí)點(diǎn),需要的朋友可以參考下2015-12-08
