Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ border:1px solid black; background-color:violet; width:400px; height:200px; border-top-left-radius:20px; border-top-right-radius:40px; border-bottom-right-radius:60px; border-bottom-left-radius:80px; } </style> </head> <body> <div></div> <ul> <li>Góc (1) có chiều rộng là 20px, chiều cao là 20px</li> <li>Góc (2) có chiều rộng là 40px, chiều cao là 40px</li> <li>Góc (3) có chiều rộng là 60px, chiều cao là 60px</li> <li>Góc (4) có chiều rộng là 80px, chiều cao là 80px</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style type="text/css"> div{ border:1px solid black; background-color:violet; width:400px; height:200px; border-top-left-radius:20px; border-top-right-radius:40px; border-bottom-right-radius:60px; border-bottom-left-radius:80px; } </style> </head> <body> <div></div> <ul> <li>Góc (1) có chiều rộng là 20px, chiều cao là 20px</li> <li>Góc (2) có chiều rộng là 40px, chiều cao là 40px</li> <li>Góc (3) có chiều rộng là 60px, chiều cao là 60px</li> <li>Góc (4) có chiều rộng là 80px, chiều cao là 80px</li> </ul> </body> </html>