| 隱藏文本域的邊框和改變文本框顏色 |
| 2006-10-26 22:19:00 |
| 今天在做網(wǎng)頁時，想在首頁加個文本框，實現(xiàn)登陸管理?？捎X得Dreamweaver中帶的文本框樣式太難看了，想換個樣式，在Dreamweaver中找了半天，也沒找到能改變它的樣式的方法。我想到了163免費郵箱的登陸框，見下圖  我想到可能是用了CSS，我就從百度里搜索了關(guān)鍵字“隱藏文本框邊框” “改變文本框背景顏色”，沒想到我遇到的問題解決了，還學(xué)到了一些CSS的知識。我順便把找到的內(nèi)容整理了一下： 〈——只顯示一條橫線的文本框——〉 用一個例子來說明吧： <html> <head> <title>單線文本框</title> <style type="text/css"> <!-- .xian{border-left-style:none;border-right-style:none;border-style:none; } --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <p> 用戶名： <input type="text" name="name" class=xian> </p> </body> </html> 注：“BORDER-LEFT-STYLE:none”： 不顯示左邊框 “BORDER-RIGHT-STYLE: none”： 不顯示右邊框 “BORDER-TOP-STYLE: none”： 不顯示上邊框 “BORDER-bottom-STYLE: none”： 不顯示上邊框，加上這條，什么邊框也沒有了 要實現(xiàn)文本背景顏色和邊框顏色只要在CSS語句中加入以下代碼就可以了 style="background:#f4eaf1; border: #006699 1px solid" “backguound:#f4eaf1”：文本框背景顏色 “border: #006699 1px solid” 文本框邊框顏色和粗細 好了，就這些了，下面看看我做的界面：  今晚確實學(xué)到了很多東西~還得感謝互聯(lián)網(wǎng)帶來的方便?。?！百度、Google永遠是我們的老師~?。?！ |
