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

Làm cách nào để thêm các góc tròn vào một nút bằng CSS?

Để thêm các góc tròn vào một nút, hãy sử dụng thuộc tính bán kính đường viền.

Ví dụ

Bạn có thể thử chạy mã sau để thêm các góc tròn -

<!DOCTYPE html>
<html>
   <head>
      <style>
         .button {
            background-color: yellow;
            color: black;
            text-align: center;
            font-size: 15px;
            padding: 20px;
            border-radius: 15px;
         }
      </style>
   </head>
   <body>
      <h2>Result</h2>
      <p>Click below for result:</p>
      <button class = "button">Result</button>
   </body>
</html>