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-top-left-radius:10px; } .border-radius2{ border-top-right-radius:25px; } .border-radius3{ border-bottom-right-radius:40px; } .border-radius4{ border-bottom-left-radius:40px; } </style> <body> <div class="border-radius1">border-top-left-radius</div> <div class="border-radius2">border-top-right-radius</div> <div class="border-radius3">border-bottom-right-radius</div> <div class="border-radius4">border-bottom-left-radius</div> </body> </html>
