head
專注于為中小企業(yè)提供成都網站制作、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)扎賚特免費做網站提供優(yōu)質的服務。我們立足成都,凝聚了一批互聯網行業(yè)人才,有力地推動了上1000+企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網站建設實現規(guī)模擴充和轉變。
style type="text/css"
!--
.aa
{ background-color:#0000ff; color:#000000;filter: alpha(opacity=50)}
.bb
{ background-color:#009933; color:#000000;
}
/script/head加入這個
body
div id="Layer5" onMouseOver="this.className='aa'" onMouseOut="this.className='bb'"/div
/body這樣鼠標經過顏色就變啦
css?特殊input樣式,參考如下:
輸入框景背景透明:
input?style="background:transparent;border:1px?solid?#ffffff"
鼠標劃過輸入框,輸入框背景色變色:
INPUT?value="Type?here"?NAME="user_pass"?TYPE="text"?SIZE="29"?onmouseover="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"
輸入字時輸入框邊框閃爍(邊框為小方型):
Script?Language="javascript"
function?borderColor(){
if(self['oText'].style.borderColor=='red'){
self['oText'].style.borderColor?=?'yellow';
}else{
self['oText'].style.borderColor?=?'red';
}
oTime?=?setTimeout('borderColor()',400);
}
/Script
input?type="text"?id="oText"?style="border:5px?dotted?red;color:red"?onfocus="borderColor(this);"?onblur="clearTimeout(oTime);"
輸入字時輸入框邊框閃爍(邊框為虛線):
style
#oText{border:1px?dotted?#ff0000;ryo:expression(onfocus=function?light?(){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};
/style
input?type="text"?id="oText"
自動橫向廷伸的輸入框:
input?type="text"?style="huerreson:expression(this.width=this.scrollWidth)"?value="abcdefghijk"
自動向下廷伸的文本框:
textarea?name="content"?rows="6"?cols="80"?onpropertychange="if(this.scrollHeight80)?this.style.posHeight=this.scrollHeight+5"輸入幾個回車試試/textarea
只有下劃線的文本框:
input?style="border:0;border-bottom:1?solid?black;background:;"
軟件序列號式的輸入框:
script?for="T"?event="onkeyup"
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
/script
input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T"?size="5"?maxlength="3"—input?name="T7"?size="5"?maxlength="3"
不可以以,除非這個彈出框是用div或者其他標簽寫的。
如果是div等標簽寫的那么就和普通的做法沒什么區(qū)別只是js判斷顯示和隱藏而已。
方法如下:
1、點擊css樣式窗口的"新建css規(guī)則",打開新建css規(guī)則對話框。
2、在選擇器類型中選擇“類”,選擇器名稱選擇.title,在規(guī)則定義中選擇新建樣式表文件。點擊確定后選擇樣式文件要放置的文件夾。
3、這樣就創(chuàng)建了一個css樣式文件,并新建了一個名為.title的樣式。在打開的css規(guī)則定義對話框中的左側選擇類型,這就是css規(guī)則的類型樣式,主要用于設置文本的css樣式。
1,李的身高和line-height將成為相同的草案,并設計 - 2,將切出的圖標的完整列表,攤在UL,不是平鋪
3,使用后臺位置控制的背景和UL李文本對齊即可。 。 。
border屬性 :在網頁中設置元素的邊框樣式??赏瑫r設置邊框寬度、邊框樣式、邊框顏色。也可以單獨設置上邊、右邊、下邊、左邊的邊框。
語法:border: border-width | border-style | border-color;
border-width :邊框寬度??梢灾付ㄩL度值。如1px,1em(單位為px,pt,em等)。或者使用關鍵字medium(默認),thick,thin。
?border-top-width:設置元素上邊框寬度
?border-right-width:設置元素右邊框寬度
?border-bottom-width:設置元素下邊框寬度
?border-left-width:設置元素左邊框寬度
border-style :邊框樣式。
?border-top-style:設置元素上邊框樣式
?border-right-style:設置元素右邊框樣式
?border-bottom-style:設置元素下邊框樣式
?border-left-style:設置元素左邊框樣式
?屬性值有:
??none:無邊框。
??hidden:隱藏邊框。對于表,hidden 用于解決邊框沖突。
??dotted:點狀邊框。
??dashed:虛線邊框。
??solid:實線邊框。
??double:雙線邊框。兩條單線與其間隔的和等于指定的border-width值。
??groove:3D凹槽邊框。
??ridge:3D壟狀邊框。
??inset:凹邊框。
??outset:凸邊框。
border-color :邊框顏色。
1.1 邊框各樣式效果圖
1.2 四條邊顏色樣式相同
1.3 四條邊顏色不同,樣式相同
1.4 四條邊顏色相同,樣式不同
1.5 設置上邊框寬度、樣式、顏色
1.6 設置右邊框寬度、樣式、顏色
1.7 設置下邊框寬度、樣式、顏色
1.8 設置左邊框寬度、樣式、顏色
以上對border邊框屬性進行了基礎操作,大家可以根據自己的經驗為邊框制作出更漂亮的樣式。如若大家有什么更好的見解,那就在回復區(qū)暢所欲言吧,我定會吸取精華~如有寫錯歡迎大家回復,我以后定會更加細心 _