第九章：CSS表單設計 二維碼
478
今天我們開始學習《十天學會web標準(div+css)》的css表單設計，包含以下內容和知識點：
一、改變文本框和文本域樣式 如果前邊幾章學習的比較扎實的話，本節教程就相當容易了。下邊先說一下文本框，文本框和文本域都是可以用css進行美化的。比如改變邊框精細，顏色，添加背景色、背景圖像等。請看下邊的實例： .text1 { border:1px solid #f60; color:#03C;} .text2 { border:2px solid #390; width:200px; height:24px; font-size:16px; font-weight:bold; line-height:1.6;} .text3 { border:2px solid #C3C; height:20px; background:url(icon9.gif) right 3px no-repeat;} .text4 { border:2px solid #F60; width:150px; height:29px;font-size:16px; line-height:1.6; background:url(bg_9.gif) 0 0 no-repeat;} 這四個樣式表分別對應第2、3、4、5行表單，第一行是文本框的默認樣式；第二行為設置邊框和字體顏色的樣式；第三行為設置邊框、寬度、高度、字體大小、行高的樣式；第四行設置邊框和增加背景色和背景圖片；第五行為增加一個gif動畫的背景圖片，看起來是不是生動許多，具體步驟不再贅述。下面我們看一下文本域的樣式設置： .area { border:1px solid #F90; overflow:auto; background:#fff url(bg_9_1.gif) right bottom no-repeat; width:99%; height:100px;} 上圖中第一個為默認的文本域樣式，第二個為設置邊框、寬度為百分比、高度和景圖片。overflow:auto定義當內容不超過現在文本域高度時不出現滾動條。好了，下面運行一下代碼看看兩者的效果吧
提示：可以先修改部分代碼后再運行  以信載商，良心建站。遨游始終秉承“一次建站、終身維護”的宗旨，竭誠為客戶提供最優質的互聯網服務。遨游建站率先植入seo優化理念，讓你的網頁更利于搜索引擎抓取，關鍵詞排名更靠前。可仿站、可定制。無論是傳統型企業官網、集團型品牌官網，還是營銷型網站、電商型網站、定制型網站、特殊行業網站（醫療、教育），全部搞定。 公司：網站建設_小程序設計_競價托管代運營公司；郵箱：1013601535@qq.com 手機：17073547034；QQ： 1013601535 在線留言咨詢，24小時內回復
我想咨詢 *
企業名稱
手機號碼 *
您的姓名
所在城市 提交 |
網站建設問題
熱門標簽
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
