在網(wǎng)頁設(shè)計中,CSS樣式是非常重要的一個部分。HTML標(biāo)簽雖然能夠顯示出基本的樣式,但是我們需要更加豐富的樣式來美化頁面。下面是一些CSS標(biāo)簽樣式大全。
/* 文本樣式 */ p { color: #333; /* 文本顏色 */ font-size: 16px; /* 字體大小 */ font-weight: bold; /* 字體粗細(xì) */ font-style: italic; /* 字體樣式 */ text-align: center; /* 對齊方式 */ text-decoration: underline; /* 文本下劃線 */ } /* 背景樣式 */ body { background-color: #e9e9e9; /* 頁面背景顏色 */ } /* 邊框樣式 */ div { border: 1px solid #ccc; /* 邊框樣式 */ border-radius: 5px; /* 圓角 */ } /* 表格樣式 */ table { border-collapse: collapse; /* 表格合并邊框 */ } td { border: 1px solid #ccc; /* 單元格邊框 */ text-align: center; /* 對齊方式 */ } /* 圖片樣式 */ img { width: 100%; /* 圖片寬度 */ height: auto; /* 圖片高度自適應(yīng) */ } /* 鏈接樣式 */ a { text-decoration: none; /* 文字無下劃線 */ color: blue; /* 鏈接顏色 */ } a:hover { color: red; /* 鼠標(biāo)停留時鏈接顏色 */ } /* 列表樣式 */ ul { list-style-type: square; /* 列表項樣式 */ } li { margin: 5px 0; /* 列表項外邊距 */ } /* 按鈕樣式 */ button { background-color: blue; /* 按鈕背景顏色 */ color: #fff; /* 按鈕字體顏色 */ padding: 10px 20px; /* 按鈕內(nèi)邊距 */ border: none; /* 去除邊框 */ border-radius: 5px; /* 圓角 */ } button:hover { background-color: red; /* 鼠標(biāo)停留時按鈕背景顏色 */ }
以上是CSS標(biāo)簽樣式大全,希望對您有所幫助。