|
今天在做網(wǎng)頁(yè)時(shí)，想在首頁(yè)加個(gè)文本框，實(shí)現(xiàn)登陸管理?？捎X(jué)得Dreamweaver中帶的文本框樣式太難看了，想換個(gè)樣式，在Dreamweaver中找了半天，也沒(méi)找到能改變它的樣式的方法。我想到了163免費(fèi)郵箱的登陸框，見(jiàn)下圖
我想到可能是用了CSS，我就從百度里搜索了關(guān)鍵字“隱藏文本框邊框” “改變文本框背景顏色”，沒(méi)想到我遇到的問(wèn)題解決了，還學(xué)到了一些CSS的知識(shí)。我順便把找到的內(nèi)容整理了一下：
〈——只顯示一條橫線的文本框——〉
用一個(gè)例子來(lái)說(shuō)明吧：
<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”： 不顯示上邊框，加上這條，什么邊框也沒(méi)有了
要實(shí)現(xiàn)文本背景顏色和邊框顏色只要在CSS語(yǔ)句中加入以下代碼就可以了
style="background:#f4eaf1; border: #006699 1px solid"
“backguound:#f4eaf1”：文本框背景顏色
“border: #006699 1px solid” 文本框邊框顏色和粗細(xì)
好了，就這些了，下面看看我做的界面：
今晚確實(shí)學(xué)到了很多東西~還得感謝互聯(lián)網(wǎng)帶來(lái)的方便啊??！百度、Google永遠(yuǎn)是我們的老師~?。?！
|
