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

Thay đổi Màu Dấu đầu dòng cho Danh sách bằng ::Bộ chọn CSS marker

Cú pháp

Cú pháp của CSS ::marker selector như sau -

Selector::marker {
   attribute: /*value*/;
}

Ví dụ

Các ví dụ sau minh họa CSS ::marker selector.

<!DOCTYPE html>
<html>
   <head>
      <style>
         ul {
            list-style: circle;
            font-size: 1.2em;
         }
         li::marker {
            color: green;
         }
      </style>
   </head>
   <body>
      <h2><strong>TMNT</strong></h2>
      <ul>
         <li>Raphael</li>
         <li>Donatello</li>
         <li>Michaelangelo</li>
         <li>Leonardo</li>
      </ul>
   </body>
</html>

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

Thay đổi Màu Dấu đầu dòng cho Danh sách bằng ::Bộ chọn CSS marker

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         ul {
            list-style: square;
            overflow: hidden;
         }
         li::marker {
            color: green;
         }
         li {
            width: 15%;
            margin: 2%;
            float: left;
            box-shadow: inset 2px 0px 10px lightblue;
         }
      </style>
   </head>
   <body>
      <ul>
         <li>ting</li>
         <li>tong</li>
         <li>ding</li>
         <li>dong</li>
      </ul>
   </body>
</html>

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

Thay đổi Màu Dấu đầu dòng cho Danh sách bằng ::Bộ chọn CSS marker