常用表单美化
用CSS設定文本樣式
常用文本屬性列表：
font-size字體大小 font-family字體類型 font-style字體樣式 color設置或檢索文本的顏色 text-align文本對齊（left、center、right）
font-weight文字粗細 text-decoration文字下劃線 line-height文字的行間距 letter-spacing?字間距
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">#txtSylte{font-size:18px;font-family:"微軟雅黑";font-weight:bold;color:blue;line-height:35px;text-decoration:underline;text-align:center;letter-spacing:inherit;}</style></head><body><div id="txtSylte">床前明月光，<br/>疑是地上霜。<br/>舉頭望明月，<br/>低頭思故鄉。</div></body> </html>用css設置網頁中的背景：
常用的背景屬性列表：background-color背景顏色，background-image?背景圖片 background-repeat背景圖的重復方向
background-position背景圖片的位置
背景圖片的位置：為了減少HTTP請求的次數，在網頁中有時需要將較多的小圖片放在一張較大的圖片中，然后用背景圖片位置屬性background-position來定位要顯示的圖片，可以用絕對定位和相對定位來表示。background-position:10px 20px;表示從該圖片左邊10px，上邊20px算起，background-position:10% 20%；表示分別從該圖片左邊10%上邊20%起
<style type="text/css">body{background-image:url(img/bodybg.jpg);background-repeat:repeat-y;}</style>div基準點：0px,0px
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">#bgstyle1{width:300px;height:38px;background-image:url(img/taobao.gif);background-position:0px -18px;}#bgstyle2{width:82px;height:80px;border:1px solid blue;background-image:url(img/taobao.gif);background-position:-50px -110px;}</style></head><body><div id="bgstyle1"></div><br/><div id="bgstyle2"></div></body> </html>?
總結
- 上一篇： Sketch实例教程：制作一个时钟
- 下一篇： 去掉桌面计算机快捷方式,电脑小技巧！去掉