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; }
Ïà¹ØÎĵµ£º
¡¡¡¡ÄÚÈÝ£ºcontentcontainer µ¼º½£ºnav ²àÀ¸£ºsidebar
¡¡¡¡À¸Ä¿£ºcolumn ±êÖ¾£ºlogo Ò³ÃæÖ÷Ì壺main
¡¡¡¡¹ã¸æ£ºbanner Èȵ㣺hot ÐÂÎÅ£ºnews
¡¡¡¡ÏÂÔØ£ºdownload ×Óµ¼º½£ºsubnav ²Ëµ¥£ºmenu
¡¡¡¡ËÑË÷£ºsearch Ò³½Å£ºfooter ¹ö¶¯£ºscroll
¡¡¡¡°æÈ¨£ºcopyright ÓÑÇéÁ´½Ó£ºfriendlink ×Ӳ˵¥£ºsubmenu
¡¡¡¡ÄÚÈÝ£ºcontent ......
IE6ÖÐCSSÎÞЧÎÊÌâ
ͬÊ·´À¡ÎÒÒ»¸öÒ³ÃæÔÚIE7ºÍFirefox϶¼Õý³£,µ«ÊÇÔÚIE6ÖÐÎÞÑùʽ.µ«ÊÇÒ³ÃæÎÒ×ö¸øËûÃǵÄʱºòÒ»Çж¼ÊÇÕý³£µÄ.°ÑËû´«¸øÎҵİü´ò¿ªÑо¿Á˰ëÌì·¢ÏÖ,Ò³Ãæ±àÂë´ÓGB2312±ä³ÉÁËUTF-8,ÆäËû¶¼Ã»ÓÐʲô¸Ä±ä.ÓÚÊÇ»¹ÔΪGB2312,Ò³ÃæÕý³£.ÔÙ½«ÍⲿCSS¸´ÖƵ½Ò³ÃæÄÚ²¿,ͬÑùÕý³£.Ñо¿Ðí¾ÃÕÒ²»µ½ÎÊÌâËùÔÚ,ºöÈ»·¢ÏÖCSSÀïÃæÓжÎ× ......
* {
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 ......
ÎÄ×Ö×Ô¶¯Ê¹ÓÃÑùʽ
.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 ......
<!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±ß¿òÒõÓ°< ......