Tạo góc bo tròn bằng CSS
- Bo tròn 4 gốc:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
Code:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:350px;
background-color:#999999;
border:1px #0066FF solid;
height:100px;
ex :
<html>
<head></head><style type="text/css">
botron{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:350px;
background-color:#999999;
border:1px #0066FF solid;
height:100px;
}
</style>
<body>
<div id="botron"></div>
</body>
</html> - Bo tròn góc trên trái
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
- Bo góc tròn dưới trái
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
- Bo góc tròn trên phải
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
- Bo tròn góc dưới phải
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
** at 07/22/2012 10:44 am comment
nhưng sao khi mình viết thẻ không có gợi ý là sao hả bạn. có phải add gì nữa ko
hoadiepdo99 at 07/22/2012 07:54 pm reply
minh vi du cho ban xem do [img]1[/img]
** at 07/22/2012 10:38 am comment
à mình làm đc rồi.cảm ơn nhé
** at 07/22/2012 10:23 am comment
bạn ơi, sao mình ko làm đc bo tròn góc vậy.đây là css mấy vậy bạn
cảm ơn bạn ^^
Trả lờiXóa