CSS模板可以讓網(wǎng)站在視覺(jué)上更加美觀，通過(guò)對(duì)于圖片文字文案的精細(xì)調(diào)整可以達(dá)到更好的效果。

img{
max-width:100%;
height:auto;
display:block;
margin:auto;
}
h1{
font-size:36px;
font-weight:700;
text-align:center;
margin-bottom:20px;
}
p{
font-size:16px;
line-height:1.5;
text-align:justify;
}
button{
display:inline-block;
padding:10px 20px;
background-color:#333;
color:#fff;
border:none;
border-radius:5px;
cursor:pointer;
margin-top:20px;
}

在設(shè)置圖片的時(shí)候，我們可以使用max-width屬性，讓圖片在保持比例的情況下盡可能的占滿容器。同時(shí)，通過(guò)display:block和margin:auto可以讓圖片垂直居中顯示。

對(duì)于文字的部分，h1可以用來(lái)作為標(biāo)題使用，通過(guò)text-align:center可以讓標(biāo)題居中顯示。p標(biāo)簽可以設(shè)置text-align:justify讓文字左右對(duì)齊，并且可以設(shè)置line-height屬性來(lái)調(diào)整行間距。

在某些情況下，我們需要在網(wǎng)站上添加一些按鈕，此時(shí)可以使用button標(biāo)簽來(lái)實(shí)現(xiàn)。通過(guò)設(shè)置padding可以調(diào)整按鈕的大小，而background-color屬性和color屬性可以設(shè)置背景色和字體顏色。設(shè)置border:none可以去除按鈕的邊框，而border-radius可以讓按鈕呈現(xiàn)圓角矩形的形狀。通過(guò)設(shè)置cursor:pointer可以讓鼠標(biāo)在懸浮在按鈕上時(shí)呈現(xiàn)手型，增加了按鈕的易用性。