Nhấn
CTRL + SPACE
để xem gợi ý code
Xem kết quả
Thiết lập viền thành phần với thuộc tính border trong CSS3
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Học CSS3 toidicode.com</title> </head> <style type="text/css" media="screen"> [class*=border-radius]{ width: 300px; height: 300px; border: 4px solid orange; margin-top: 15px; } .border-radius1{ border-radius: 10px; } .border-radius2{ border-radius: 10px 25px; } .border-radius3{ border-radius: 10px 25px 40px; } .border-radius4{ border-radius: 5px 20px 25px 40px; } </style> <body> <div class="border-radius1">border-radius 1 giá trị</div> <div class="border-radius2">border-radius 2 giá trị</div> <div class="border-radius3">border-radius 3 giá trị</div> <div class="border-radius4">border-radius 4 giá trị</div> </body> </html>
