---
# System prepended metadata

title: <font class="h2">網頁切版45例study</font>
tags: [css, html]

---

# <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)