<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ border:100px solid gray; border-top-color:red; border-bottom-color:green; border-right-color:blue; border-left-color:yellow; width:200px; height:300px; } </style> </head> <body> <div > </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ border:100px solid gray; border-top-width:40px; border-right-width:60px; border-bottom-width:80px; border-left-width:100px; border-top-color:red; border-bottom-color:green; border-right-color:blue; border-left-color:yellow; width:200px; height:300px; } </style> </head> <body> <div > </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ border:100px solid gray; border-top-color:red; border-bottom-color:green; border-right-color:blue; border-left-color:yellow; border-radius: 100px; width:0; height:0; } </style> </head> <body> <div > </div> </body> </html>