HTML基礎(chǔ)CSS代碼大全
CSS是網(wǎng)頁設(shè)計中不可缺少的一部分,它可以讓網(wǎng)頁更加美觀,也可以讓網(wǎng)頁更加易用。本文將提供一些HTML基礎(chǔ)CSS代碼大全,供你參考。
1. 文字樣式代碼
改變文字樣式可以讓網(wǎng)頁看起來更加美觀。下面是一些常用的文字樣式代碼:
/*改變文字顏色為紅色*/ p { color: red; } /*改變文字的字體為 Arial, sans-serif*/ p { font-family: "Arial", sans-serif; } /*改變文字的字號為 16px */ p { font-size: 16px; } /*改變文字的粗細(xì)為粗體*/ p { font-weight: bold; }2. 背景樣式代碼 改變網(wǎng)頁的背景可以讓網(wǎng)頁看起來更加美觀。下面是一些常用的背景樣式代碼:
/*改變整個網(wǎng)頁的背景顏色為白色*/ body { background-color: #fff; } /*改變特定元素的背景顏色為灰色*/ p { background-color: #eee; } /*改變特定元素的背景圖片*/ h1 { background-image: url("image.jpg"); } /*改變特定元素的背景重復(fù)方式*/ div { background-repeat: no-repeat; }3. 邊框樣式代碼 給網(wǎng)頁元素添加邊框可以使網(wǎng)頁看起來更加整潔。下面是一些常用的邊框樣式代碼:
/*給特定元素添加邊框,邊框顏色為藍(lán)色*/ div { border: 2px solid blue; } /*給特定元素添加邊框,邊框樣式為虛線*/ p { border: 1px dashed black; } /*給特定元素添加圓角邊框*/ h2{ border-radius:10px; }4. 定位樣式代碼 改變元素的定位可以讓網(wǎng)頁更加靈活。下面是一些常用的定位樣式代碼:
/*改變元素的位置為相對定位*/ div { position: relative; } /*改變元素的位置為絕對定位*/ p { position: absolute; top: 50px; left: 100px; } /*改變元素的位置為固定定位*/ h1 { position: fixed; top: 0px; left: 0px; }總結(jié) 以上是一些常用的HTML基礎(chǔ)CSS代碼,你可以根據(jù)自己的需求選擇合適的進(jìn)行修改。希望本文能對你在編寫HTML網(wǎng)頁時有所幫助。
上一篇mysql貨幣
下一篇html 多行回車代碼