Zurück
moz-border-xxx-radius: Mozilla: Rahmen mit abgerundeten Ecken
<style type="text/css">
div{
height:200px;
width:300px;
margin:10px;
background-color:#f7f7f7;
}
.div1 {
border:3px solid red;
-moz-border-radius:30px;
}
</style>
...
<body>
<div class="div1"> </div>
<style type="text/css">
div{
height:200px;
width:300px;
margin:10px;
background-color:#f7f7f7;
}
.div2 {
border-bottom:3px solid red;
border-left:3px solid blue;
border-right:3px solid green;
border-top:3px solid orange;
-moz-border-radius:30px;
}
</style>
...
<body>
<div class="div2"> </div>
<style type="text/css">
div{
height:200px;
width:300px;
margin:10px;
background-color:#f7f7f7;
}
.div3 {
border-top:3px solid orange;
-moz-border-radius-topleft:30px;
}
</style>
...
<body>
<div class="div3"> </div>