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樣式

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

文字框的樣式

文字框樣式大全 收藏 輸入框景背景透明 滑鼠劃過輸入框，輸入框背景色變色 style width 106 height 21 nm use ut this.style.bordercolor black this.style.backgroundcolor ffffff style border w...

一些CSS文字框樣式

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