728x90
<!--Buttons-->
<button class="btn">
<img src="img/blue_t.png" alt="tshirt" class="imgBtn" />
</button>
<button class="btn">
<img src="img/blue_p.png" alt="pants" class="imgBtn" />
</button>
<button class="btn">
<img src="img/blue_s.png" alt="skirt" class="imgBtn" />
</button>
<button class="btn colorBtn blue">Blue</button>
<button class="btn colorBtn yellow">Yellow</button>
<button class="btn colorBtn pink">Pink</button>
.btn {
background-color: transparent !important;
border: none !important;
outline: none !important;
cursor: pointer !important;
}
728x90
'마크업 > Html & Css' 카테고리의 다른 글
[CSS] CSS Variable -- (0) | 2022.06.05 |
---|---|
웹페이지 아이콘 변경하기 (0) | 2022.05.15 |
[css] 로고에 마우스 올리면 약간 커지는 귀여운 애니메이션 (0) | 2022.05.07 |
[Html,Css] 반응형 헤더 따라만들기 (0) | 2022.04.30 |
CSS의 꽃, Flexbox (0) | 2022.04.23 |