HTML是網(wǎng)頁(yè)開發(fā)的基礎(chǔ),但簡(jiǎn)單的HTML頁(yè)面顯得單調(diào)而乏味。為了使網(wǎng)頁(yè)更加美觀,我們需要使用CSS來裝飾頁(yè)面。
在HTML頁(yè)面中引入CSS樣式表,可以統(tǒng)一頁(yè)面的樣式。比如,我們可以設(shè)置全局的字體、顏色、背景等樣式:
/* 設(shè)置全局樣式 */
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #f5f5f5;
}
使用CSS還可以設(shè)置元素的樣式,比如字體大小、顏色、背景、邊框等。以下是一些常用的樣式:
/* 設(shè)置段落樣式 */
p {
font-size: 16px;
line-height: 1.5;
margin-bottom: 1em;
}
/* 設(shè)置鏈接樣式 */
a {
color: #007bff;
text-decoration: none;
transition: color .2s;
}
a:hover {
color: #0056b3;
}
/* 設(shè)置按鈕樣式 */
.btn {
display: inline-block;
padding: .5rem 1rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
color: #fff;
background-color: #007bff;
border: 1px solid transparent;
border-radius: .25rem;
transition: color .15s, background-color .15s, border-color .15s, box-shadow .15s;
}
.btn:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
以上是CSS中一些常用的樣式,可以根據(jù)實(shí)際需要進(jìn)行調(diào)整。使用CSS裝飾頁(yè)面,可以讓網(wǎng)頁(yè)更加美觀,提升用戶體驗(yàn)。