效果图如下
html代码如下:
<!DOCTYPE html>
<html>
<head>
<title>padding与图形绘制</title>
<style type="text/css">
.icon-menu{
display: inline-block;
width: 140px;
height: 10px;
padding: 35px 0;
border-top: 10px solid;
border-bottom: 10px solid;
background-color: currentColor;
background-clip: content-box;
}
.icon-dot{
display: inline-block;
width: 100px;
height: 100px;
padding: 10px;
border: 10px solid;
border-radius: 50%;
background-color: currentColor;
background-clip: content-box;
}
</style>
</head>
<body>
<div>
<span class="icon-menu"></span>
<span class="icon-dot"></span>
</div>
</body>
</html>
结束。