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

Đặt kiểu của đường viền dưới bằng CSS

Để đặt kiểu của đường viền dưới cùng, hãy sử dụng thuộc tính kiểu đường viền dưới cùng. Các giá trị cho đường viền bạn có thể đặt là, chấm, kép, gạch ngang, liền, v.v.

Ví dụ

Bạn có thể thử chạy mã sau để tạo kiểu đường viền dưới cùng

<!DOCTYPE html>
<html>
   <head>
      <style>
         p.dotted {border-bottom-style: dotted;}
         p.double {border-bottom-style: double;}
         p.dashed {border-bottom-style: dashed;}
         p.solid {border-bottom-style: solid;}
         p.inset {border-bottom-style: inset;}
         p.outset {border-bottom-style: outset;}
      </style>
   </head>
   <body>
      <p class = "dotted">Dotted bottom border.</p>
      <p class = "double">Double bottom border.</p>
      <p class = "dashed">Dashed bottom border.</p>
      <p class = "solid">Solid bottom border.</p>
      <p class = "inset">Inset bottom border.</p>
      <p class = "outset">Outset bottom border.</p>
   </body>
</html>

Đầu ra

Đặt kiểu của đường viền dưới bằng CSS