首页 > html > border > Page Widget - 如何工作边界半径与边框和填充

Page Widget - 如何工作边界半径与边框和填充

border 【border】
我们想知道如何工作边界半径与边框和填充。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.border-radius{
    display:inline-block;
    position:relative;
    padding:2px;
    border:2px solid #888;
    border-radius:20px;
    background-color:#ccc;
}
.border-radius div{
    background-color:#333;
}
.float{
    margin:3px;
    float:left;
}
.overflow{overflow:hidden;}
  </style>
</head>
<body>
  <div class=float>
    <div class="border-radius overflow float"><div>w3cschool.cn</div></div>
    <div class="border-radius overflow float"><img src="http://www.w3cschool.cn/style/download.png"></div>
</div>

</body>
</html>