計算機, 程序設計
裝飾下劃線CSS元素
技術樣式表具有在HTML的頁面設計中有兩個功能。 首先，有了它的幫助，還有就是網站的各個元素的形成位置。 其次，它使單位視覺吸引力的用戶。 第二個功能的實現出現在許多方面。 其中之一 - 強調。 CSS提供了這個屬性文本的 裝飾。
規格屬性記錄
使用文本的 裝飾屬性是簡單的。 夠在CSS文件中的代碼進行註冊，以下行的項目：
文本的 裝飾：znachenie_atributa;
而不是“znachenie_atributa»CSS規範提供了多種選擇：
- 下劃線 -直接位於下方的文本行;
- 跨線 -線從文本的頂部運行;
- 無 -消除所有的裝飾效果;
- 繼承 -採用父元素的值。
以上是沒有記錄的所有可能的形式，此屬性指定不僅CSS底線，但其他影響，比如“眨眼”或刪除線的文本。
設計的超鏈接的例子
在網頁設計和編程初學者，問題出現了：為什麼在文本中的底線是什麼？ 在互聯網技術時代的用戶的事實，在他面前的是一個超鏈接的分配這種方法的曙光 - 文本，通過點擊將進行過渡到一個新的一頁。
默認情況下，超鏈接屬性設置下劃線。 在實踐中，是去除從無效設備線路和當用戶移動鼠標指針使其可見的問題。 下面是禁用下劃線CSS鏈接的代碼示例：
是{text-裝飾：無; }
對於使用以下項活動鏈接：
：懸停{文字修飾：下劃線;}
裝飾下劃線先進
標準文本的屬性裝飾有幾個限制：
- 從鏈接文本的顏色不同的線顏色，這是不可能的“著色”之間進行區分;
- 只有實線作為下劃線。 CSS不涉及使用其他風格的標誌。
但特殊的技術幫助旁路文本的經典外觀。 在第一種情況下，為了使用可選的標籤<跨度>設置超鏈接。
例如：
的 ”> 超級鏈接
>
其結果是，超鏈接將在藍色寫頁上的字和線條的顏色會變成紅色。
另一種先進的手段，允許CSS下劃線， - 邊框底部。 下面的例子說明其使用：
一個{邊界底部：1px的固體紅色;}
其結果將是一樣的前面的示例所示。 但是這種方法有一個重要優勢。 除了改變線的顏色（當前設置的紅色- 紅色），有可能以變換方法銘文：
- 點 -使點下劃線;
- 虛線 -線由筆劃;
- 雙 -繪製雙線。
因此，屬性border- 底部具有更多的功能。 除了裝飾線下方文字的顯示，它能夠自定義其外觀。
Similar articles
Trending Now