<div class="header">
<button type="button" class="button">메뉴</button>
</div>
.header {
position: relative;
background: #00bcd4;
height: 49px;
padding-left: 10px;
color: #fff;
font-weight: bold;
line-height: 49px;
font-size: 30px;
}
.header .button {
width: 8px;
height: 24px;
padding: 0;
background-image: radial-gradient(circle at center, #f8fafb 50%, transparent 50%);
background-size: 8px 8px;
color: transparent;
background-color: transparent;
border: 0;
font-size: 0;
vertical-align: middle;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.