
以下為詳細(xì)代碼 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HEAD><閱讀全文
一行內(nèi)文本超出指定寬度后用省略號(hào)代替一般的文字截?cái)啵ㄟm用于內(nèi)聯(lián)與塊): .text-overflow{display:block;/*內(nèi)聯(lián)對(duì)象需加*/width:31em;word-break:keep-all;/*不換行*/white-space:nowrap;/*不換行*/overflow:h閱讀全文
按照CSS規(guī)范,浮動(dòng)元素(floats)會(huì)被移出文檔流,不會(huì)影響到塊狀盒子的布局而只會(huì)影響內(nèi)聯(lián)盒子(通常是文本)的排列。因此當(dāng)其高度超出包含容器時(shí),一般父容器不會(huì)自動(dòng)伸長(zhǎng)以閉合浮動(dòng)元素。但是有時(shí)我們卻需要這種自動(dòng)閉合行為,具體如何處理呢? 有一種做法就是在父容器內(nèi)再插入一個(gè)額外的標(biāo)簽,并令其清除浮閱讀全文
以下為詳細(xì)代碼 <style> .h5ul{ BACKGROUND:url(./images/information/h5uldi.gif)repeat-yrightcenter;FLOAT:left } .h5ulLI{ WIDTH:80px;LINE-HEIGHT閱讀全文
以下為詳細(xì)代碼 設(shè)置個(gè)性的文字鏈接樣式,集齊網(wǎng)頁(yè)上常見的鏈接樣式 <style> .one1{color:red;text-decoration:none;} .one2{color:blue;font-weight:bold;text-decoration:blink;} 閱讀全文
以下為詳細(xì)代碼 網(wǎng)頁(yè)鏈接十字顯示就像CAD十字做標(biāo)一樣,效果非常好 <!--要完成此效果需要兩個(gè)步驟--> 第一步:把如下代碼加入到<head>區(qū)域中--> <styletype="text/css"> #leftright{ p閱讀全文
以下為詳細(xì)代碼 一個(gè)利用radio單選選擇框進(jìn)行變色的網(wǎng)頁(yè)效果 <!--第一步:此代碼放在<head>與</head>之間--> <scriptlanguage="JavaScript"> functionChangeColor(f閱讀全文
以下為詳細(xì)代碼 一個(gè)利用select下拉選擇框進(jìn)行變色的網(wǎng)頁(yè)效果 <form> <selectname=clronChange="document.bgColor=this.options[this.selectedIndex].value"> <opt閱讀全文
以下為詳細(xì)代碼 一個(gè)javascript寫的RGB的調(diào)色器,非常不錯(cuò) <scriptlanguage="JavaScript"> <!--Hiding varred=0; vargreen=0; varblue=0; varvalue=0; varcon閱讀全文
以下為詳細(xì)代碼 屏幕兩種色彩左右像電影屏幕一樣分開 <!--第一步:將下列代碼復(fù)制到<head></head>之間:--> <style> <!-- .intro{ position:absolute; left:0; 閱讀全文
以下為詳細(xì)代碼 <stylerel="stylesheet"type="text/css"media="all"> body{font-size:12px;} /*______________01號(hào)標(biāo)簽_____________*/ /*大欄目樣式*/ .bigmenu閱讀全文
以下為詳細(xì)代碼 另外一種符合web2.0的鏈接打開方式--利用base打開鏈接 <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="閱讀全文
以下為詳細(xì)代碼 一個(gè)非常適和div+css初學(xué)者看的例子,看完之后,相信你的DIV+CSS技術(shù)一定會(huì)上一個(gè)層次<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DT閱讀全文
利用javascript讓PNG透明圖片支持支持(IE6、IE7、firefox下測(cè)試通過) 以下為詳細(xì)代碼 <script> functioncorrectPNG() { for(vari=0;i<document.images.length;i++) { va閱讀全文
一個(gè)超級(jí)變態(tài)的DIV+CSS1.E[att^="string"]{property:value;}whereEisaselector.最終顯示的結(jié)果就是:在以P為標(biāo)簽里,只要他的里面包函"ho"那么它的背景就為綠的 CSS:p[title^="ho"]{background:gre閱讀全文
以下為詳細(xì)代碼 當(dāng)鼠標(biāo)靠在某個(gè)字上時(shí),背景也隨之改變<palign="center"><br> <aHREFONMOUSEOVER="document.bgColor='lightslategray'">試</a><aHREF ONMO閱讀全文
以下為詳細(xì)代碼 <SCRIPT> functioncols(c1,c2,c3,c4,c5,c6,c7){ this.c1=c1; this.c2=c2; this.c3=c3; this.c4=c4; this.c5=c5; this.c6=c6; t閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="ht閱讀全文
以下為詳細(xì)代碼 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="ht閱讀全文