Computer >> Máy Tính >  >> Lập trình >> CSS

Cách thay đổi màu gạch dưới liên kết bằng cách sử dụng CSS màu văn bản-trang trí

Màu-trang-trí-văn-bản trong CSS được sử dụng để thay đổi màu của dòng-trang-trí-văn-bản.

Cú pháp

Cú pháp của thuộc tính CSS text-decoration-color như sau -

Selector {
   text-decoration-color: /*value*/
}

Ví dụ

Các ví dụ sau minh họa thuộc tính CSS text-decoration-color.

<!DOCTYPE html>
<html>
   <head>
      <style>
         p {
            background-color: gray;
            margin: 4%;
            font-size: 1.2em;
            text-decoration: underline;
            text-decoration-color: violet;
         }
      </style>
   </head>
   <body>
      <p>
         Y aserejé-ja-dejé De jebe tu de jebere seibiunouva majavi an de bugui an de güididípi
      </p>
   </body>
</html>

Điều này cho kết quả sau

Cách thay đổi màu gạch dưới liên kết bằng cách sử dụng CSS màu văn bản-trang trí

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         div, a {
            margin: 4%;
            font-size: 1.2em;
            text-decoration: underline;
            text-decoration-color: green;
         }
      </style>
   </head>
   <body>
      <div>
         Underlined demo text.
         <a href=#>Hyperlink here!</a>
      </div>
   </body>
</html>

Điều này cho kết quả sau

Cách thay đổi màu gạch dưới liên kết bằng cách sử dụng CSS màu văn bản-trang trí