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-radius:75px 100px 20px / 50px 10px; } </style> </head> <body> <div></div> <ul> <li>Góc (1) có chiều rộng là 75px, chiều cao là 50px</li> <li>Góc (2) có chiều rộng là 100px, chiều cao là 10px</li> <li>Góc (3) có chiều rộng là 20px, chiều cao là 50px</li> <li>Góc (4) có chiều rộng là 100px, chiều cao là 10px</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-radius:75px 100px 20px / 50px 10px; } </style> </head> <body> <div></div> <ul> <li>Góc (1) có chiều rộng là 75px, chiều cao là 50px</li> <li>Góc (2) có chiều rộng là 100px, chiều cao là 10px</li> <li>Góc (3) có chiều rộng là 20px, chiều cao là 50px</li> <li>Góc (4) có chiều rộng là 100px, chiều cao là 10px</li> </ul> </body> </html>