<html> <head> <style type="text/css"> div { border:2px solid; padding:10px; background:#dddddd; border-top-left-radius:2em; -moz-border-radius-topleft:2em; /* Firefox 3.6 */ -webkit-border-top-left-radius:2em; /* Safari */ } </style> </head> <body> <div>The border-top-left-radius property allows you to add a rounded border to the top-left corner.</div> </body> </html>
Your Result:
上のテキストを編集し、クリックして結果を見てください。
W3Schools.com
- Try it yourself