一些CSS文字框樣式

1、只有下劃線的文字框：

2、軟體序列號式的輸入框：

—————

3、軟體序列號式的輸入框(完整版)：

—————

4、輸入框景背景透明：

5、滑鼠劃過輸入框，輸入框背景色變色：

mouseover="this.style.bordercolor='black';this.style.backgroundcolor='plum'"

style="width: 106; height: 21"

onmouseout="this.style.bordercolor='black';this.style.backgroundcolor='#ffffff'" style="border-width:1px;border-color=black">

6、輸入字時輸入框邊框閃爍(邊框為小方型)：

focus="bordercolor(this);" on

blur="cleartimeout(otime);">

7、輸入字時輸入框邊框閃爍(邊框為虛線)：

8、自動橫向廷伸的輸入框：

ession(this.width=this.scrollwidth)" value="abcdefghijk">

9、自動向下廷伸的文字框：

一、按鈕樣式

.buttoncss

二、藍色按鈕

.bluebuttoncss

三、紅色按鈕

.redbuttoncss

四、選擇按鈕

.selectbuttoncss

五、綠色按鈕

.greenbuttoncss

六、影象按鈕

.imagebutton

七、頁面正文

body

td th

八、下拉選擇框

select

九、線條文字編輯框

.editbox

十、多行文字框

.multieditbox

十一、陰影風格的表單

.shadow

十二、只顯一條橫線的輸入框

.logintxt

十三、沒有邊框的輸入框

.noneinput

一些CSS文字框樣式

1 只有下劃線的文字框 2 軟體序列號式的輸入框 3 軟體序列號式的輸入框 完整版 4 輸入框景背景透明 5 滑鼠劃過輸入框，輸入框背景色變色 mouseover this.style.bordercolor black this.style.backgroundcolor plum style w...

文字框css樣式

input textarea 先看看在網頁中經常出現的按鈕與文字框的本來面目吧，如圖1！圖1 網頁中的文字框 按鈕 對照上圖，我們怎麼樣才能改變文字框與按鈕的模樣呢？那在下面我為大家提供兩種文字框與按鈕樣式作為例子參考，第一種是文字框與按鈕無立體感，只是有線條顏色與填充顏色的，這種效果大家可能在很多...

Css文字框樣式

1 只有下劃線的文字框 2 軟體序列號式的輸入框 3 軟體序列號式的輸入框 完整版 4 輸入框景背景透明 5 滑鼠劃過輸入框，輸入框背景色變色 mouseover this.style.bordercolor black this.style.backgroundcolor plum style w...