# <font class="h2">網頁切版45例study</font>
###### tags: `html` `css`
<style>
.h2 {
background: linear-gradient(135deg,#fff,#537479) ;
color: #537479;
display:block;
padding: 6px 5px;
border-radius: 4px;
}
.h3 {
background: linear-gradient(180deg,#fff 50%,#c9d5d4) ;
color: #537479;
display:block;
padding: 6px 5px;
border-bottom: 3px solid #537479;
}
.h4 {
color: #537479;
font-weight:bold;
font-size:1.1em;
}
</style>

:arrow_right: [原英文網站](https://smashinghub.com/45-useful-psd-to-htmlcss-conversion-tutorials.htm?fbclid=IwAR2LdFFEQzCwSs2WOcdp0frnXN6ETJBXUqJuq20dhI0kwamkmltkJRTOeLs)