CSS3 Shapes in HTML5
You can use these shapes in any HTML control like
text area, buttons, grids.
SQUARE
- #square {
- width: 140px;
- height: 140px;
- background: blue;
- }
CIRCLE
- #circle {
- width: 140px;
- height: 140px;
- background: blue;
- -moz-border-radius: 70px;
- -webkit-border-radius: 70px;
- border-radius: 70px;
- }
OVAL
- #oval {
- width: 200px;
- height: 100px;
- -moz-border-radius: 100px / 50px;
- -webkit-border-radius: 100px / 50px;
- border-radius: 100px / 50px;
- }
you can use the oval shape in text area .
ROUNDED CORNER
- #rc
- {
- border:display:solid;
- border-radius: 5px;
- border-width:1px;
- }
Join the conversation! Your thoughts help the community grow.