1、只有下劃線的文字框： input style=border:0;border-bottom:1 solid black;background:; 2、軟體序列號式的輸入框： script for=t event=onkeyup if(value.length==3)document.all[event.srcelement.sourceindex+1].select(); /script input name=t size=
1、只有下劃線的文字框：
2、軟體序列號式的輸入框：
—————
3、軟體序列號式的輸入框(完整版)：
—————
4、輸入框景背景透明：
5、滑鼠劃過輸入框，輸入框背景色變色：
style="width: 106; height: 21"
οnmοuseοut="this.style.bordercolor='black';this.style.backgroundcolor='#ffffff'" style="border-width:1px;border-color=black">
6、輸入字時輸入框邊框閃爍(邊框為小方型)：
7、輸入字時輸入框邊框閃爍(邊框為虛線)：
8、自動橫向廷伸的輸入框：
9、自動向下廷伸的文字框：
一、按鈕樣式
.buttoncss
th {
font-size: 12px;
八、下拉選擇框
select{
border-right: #000000 1px solid;
border-top: #ffffff 1px solid;
font-size: 12px;
border-left: #ffffff 1px solid;
color:#003366;
border-bottom: #000000 1px solid;
background-color: #f4f4f4;
九、線條文字編輯框
.editbox{
background: #ffffff;
border: 1px solid #b7b7b7;
color: #003366;
cursor: text;
font-family: "arial";
font-size: 9pt;
height: 18px;
padding: 1px;
十、多行文字框
.multieditbox{
background: #f8f8f8;
border-bottom: #b7b7b7 1px solid;
border-left: #b7b7b7 1px solid;
border-right: #b7b7b7 1px solid;
border-top: #b7b7b7 1px solid;
color: #000000;
cursor: text;
font-family: "arial";
font-size: 9pt;
padding: 1px;
十一、陰影風格的表單
.shadow {
position:absolute;
z-index:1000;
top:0px;
left:0px;
background:gray;
background-color:#ffcc00;
filter : progidximagetransform.microsoft.dropshadow(color=#ff404040,offx=2,offy=2,positives=true);
十二、只顯一條橫線的輸入框
.logintxt{
border-right: #ffffff 0px solid;
border-top: #ffffff 0px solid;
font-size: 9pt;
border-left: #ffffff 0px solid;
border-bottom: #c0c0c0 1px solid;
background-color: #ffffff
十三、沒有邊框的輸入框
.noneinput{
text-align:center;
width:99%;height:99%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: #f6f6f6;
border-bottom-style: none;
css 常用總結
設定width,height是設定內容寬高，並非實際寬高及盒子模型寬高。if ie 除ie外都可識別 2.所有的ie可識別 3.只有ie5.0可以識別 4.僅ie5.0與ie5.5可以識別 5.ie5.0以及ie5.0以上版本都可以識別 6.僅ie6可識別 7.ie6以及ie6以下版本可識別 8.i...
常用css總結
塊級元素 a解決外邊框合併問題 border 1px solid red 加邊框 padding 20px 加內邊距 清空缺省內外邊距 ul 取消列表自帶的小點 two two tab鍵 生成div標籤 a title 屬性選擇器 ul clearfix before，clearfix after ...
css常用簡寫總結
css的簡寫使 精簡，而且書寫方便，常用的屬性包括以下 示例 border width 1px border style solid border color f00 簡寫為 border 1px solid f00 說明 border還可以單獨設定top,right,bottom,left每條邊的...