Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSSÖеÄcursorÓ÷¨

CSSÖеĹâ±êÀàÐÍ
Óï·¨£º
¡¡¡¡cursor : auto | all-scroll | col-resize| crosshair | default | hand | move | help | no-drop | not-allowed | pointer | progress | row-resize | text | vertical-text | wait | *-resize | url ( url )
¡¡¡¡È¡Öµ£º
auto
:¡¡
ĬÈÏÖµ¡£ä¯ÀÀÆ÷¸ù¾Ýµ±Ç°Çé¿ö×Ô¶¯È·¶¨Êó±ê¹â±êÀàÐÍ¡£
all-scroll
:¡¡
IE6.0
ÓÐÉÏÏÂ×óÓÒËĸö¼ýÍ·£¬ÖмäÓÐÒ»¸öÔ²µãµÄ¹â±ê¡£ÓÃÓÚ±êÊ¾Ò³Ãæ¿ÉÒÔÏòÉÏÏÂ×óÓÒÈκη½Ïò¹ö¶¯¡£
col-resize
:¡¡
IE6.0
ÓÐ×óÓÒÁ½¸ö¼ýÍ·£¬ÖмäÓÉÊúÏß·Ö¸ô¿ªµÄ¹â±ê¡£ÓÃÓÚ±êʾÏîÄ¿»ò±êÌâÀ¸¿ÉÒÔ±»Ë®Æ½¸Ä±ä³ß´ç¡£
crosshair
:¡¡
¼òµ¥µÄÊ®×ÖÏß¹â±ê¡£
default
:¡¡
¿Í»§¶Ëƽ̨µÄĬÈϹâ±ê¡£Í¨³£ÊÇÒ»¸ö¼ýÍ·¡£
hand
:¡¡
ÊúÆðÒ»Ö»ÊÖÖ¸µÄÊÖÐιâ±ê¡£¾ÍÏñͨ³£Óû§½«¹â±êÒÆµ½³¬Á´½ÓÉÏʱÄÇÑù¡£
move
:¡¡
Ê®×Ö¼ýÍ·¹â±ê¡£ÓÃÓÚ±êʾ¶ÔÏó¿É±»Òƶ¯¡£
help
:¡¡
´øÓÐÎʺűê¼ÇµÄ¼ýÍ·¡£ÓÃÓÚ±êʾÓаïÖúÐÅÏ¢´æÔÚ¡£
no-drop
:¡¡
IE6.0
´øÓÐÒ»¸ö±»Ð±Ï߹ᴩµÄԲȦµÄÊÖÐιâ±ê¡£ÓÃÓÚ±êʾ±»ÍÏÆðµÄ¶ÔÏó²»ÔÊÐíÔÚ¹â±êµÄµ±Ç°Î»Öñ»·ÅÏ¡£
not-allowed
:¡¡
IE6.0
½ûÖ¹±ê¼Ç(Ò»¸ö±»Ð±Ï߹ᴩµÄԲȦ)¹â±ê¡£ÓÃÓÚ±êʾÇëÇóµÄ²Ù×÷²»ÔÊÐí±»Ö´ÐС£
pointer
:¡¡
IE6.0
ºÍ hand Ò»Ñù¡£ÊúÆðÒ»Ö»ÊÖÖ¸µÄÊÖÐιâ±ê¡£¾ÍÏñͨ³£Óû§½«¹â±êÒÆµ½³¬Á´½ÓÉÏʱÄÇÑù¡£
progress
:¡¡
IE6.0
´øÓÐɳ©±ê¼ÇµÄ¼ýÍ·¹â±ê¡£ÓÃÓÚ±êʾһ¸ö½ø³ÌÕýÔÚºǫ́ÔËÐС£
row-resize
:¡¡
IE6.0
ÓÐÉÏÏÂÁ½¸ö¼ýÍ·£¬ÖмäÓɺáÏß·Ö¸ô¿ªµÄ¹â±ê¡£ÓÃÓÚ±êʾÏîÄ¿»ò±êÌâÀ¸¿ÉÒÔ±»´¹Ö±¸Ä±ä³ß´ç¡£
text
:¡¡
ÓÃÓÚ±êʾ¿É±à¼­µÄˮƽÎı¾µÄ¹â±ê¡£Í¨³£ÊÇ´óд×Öĸ I µÄÐÎ×´¡£
vertical-text
:¡¡
IE6.0
ÓÃÓÚ±êʾ¿É±à¼­µÄ´¹Ö±Îı¾µÄ¹â±ê¡£Í¨³£ÊÇ´óд×Öĸ I Ðýת90¶ÈµÄÐÎ×´¡£
wait
:¡¡
ÓÃÓÚ±êʾ³ÌÐòæÓû§ÐèÒªµÈ´ýµÄ¹â±ê¡£Í¨³£ÊÇɳ©»òÊÖ±íµÄÐÎ×´¡£
*-resize
:¡¡
ÓÃÓÚ±êʾ¶ÔÏó¿É±»¸Ä±ä³ß´ç·½ÏòµÄ¼ýÍ·¹â±ê¡£w-resize | s-resize | n-resize | e-resize | ne-resize | sw-resize | se-resize | nw-resize
url ( url )
:¡¡ IE6.0
Óû§×Ô¶¨Òå¹â±ê¡£Ê¹Óþø¶Ô»òÏà¶Ô url µØÖ·Ö¸¶¨¹â±êÎļþ(ºó׺Ϊ .cur »òÕß .ani )¡£
¡¡¡¡Ê¾Àý£º
¡¡¡¡p { cursor: text; }
¡¡¡¡a { cursor: pointer; }
¡¡¡¡body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }


Ïà¹ØÎĵµ£º

½¨Õ¾DIV+CSS Ö®ÍøÒ³ÇÐͼ¹ý³ÌÖÐdiv+cssÃüÃû¹æÔò

¡¡¡¡ÄÚÈÝ£ºcontentcontainer µ¼º½£ºnav ²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main
¡¡¡¡¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
¡¡¡¡ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
¡¡¡¡ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
¡¡¡¡°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsubmenu
¡¡¡¡ÄÚÈÝ£ºcontent ......

IE6ÖÐCSSÎÞЧÎÊÌâ

IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿Á˰ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹Ô­ÎªGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖCSSÀïÃæÓжÎ× ......

ȫվµÄËùÓÐ×ÊԴͨÓÃÒ»¸öcss Ñùʽ ±ß¿ò´óС cssʹÓÃjs

* {
 margin:0;
 padding:0;
 font-size:13px;
 *font-size:11px;
 font-family:Verdana, Arial, ËÎÌå,Helvetica, sans-serif;
 /*scrollbar-face-color:#dff9fe;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-3dlight-color:#9adae7;
 scrollbar-darkshadow-co ......

css×Ô¶¯Ê¹ÓÃÑùʽ

ÎÄ×Ö×Ô¶¯Ê¹ÓÃÑùʽ
.inputText{
border:1px solid #7898b8;
height:20px;
padding-left:2px;
line-height:20px;
background-image:url(images\\inputtext_bg.gif);
background-repeat:repeat-x;
color:#339900;
}
.inputTextÊÇ ×ÖÌå×Ô¶¯ÉèÖÃÑùʽµÄÃû³Æ
¸÷Öֿؼþ×Ô¶¯Ì×ÓÃÑùʽ
±ÈÈçtable,td
table{border-colla ......

´¿CSSÎÞͼʵÏÖDIV±ß¿òƽ»¬ÒõÓ°

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS±ß¿òÒõÓ°< ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ