CSSʵÏֲ˵¥Ô²½Ç±³¾°
½ñÌìÓöµ½Òª×öCSSʵÏֲ˵¥Ô²½Ç±³¾°µÄЧ¹û, ËùÒÔÔÚÍøÉÏËÑÁËһϣ¬·¢ÏÖ´Ë·½·¨×î¼òµ¥¿ÉÐÐ~~ÌؼǼÏÂÀ´¹©´ó¼ÒÒ»ÆðʹÓÃ~~~
.nav ul li a{float:left; display:block; padding: 0 10px;
} /*×¢Òâpadding*/
.nav ul li a:hover{padding:0 0 0 10px;
display:block; background:url(images/tableft1.jpg) left top no-repeat #990000; color:#fff; }
.nav ul li a:hover span{padding:0 10px 0 0 ;
display:block; background:url(images/tabright1.jpg) right top no-repeat #990000; color:#fff; }
<ul><li><a href="#"><span>Home</span></a></li></ul>
tableft1.jpg
ºÍ tabright1.jpg
Ïà¹ØÎĵµ£º
ºÜÔç¾ÍÔÚÕâÀï¿´µ½¹ý½â¾ö·½°¸£¬Óëà»à»ÌÖÂÛºó·¢ÏÖÕâ¸ö·½°¸»¹ÊǺܿɿ¿µÄ¡£µ±È»£¬Î¨Ò»µÄȱµã¾ÍÊÇÿһ¸öÊôÐÔ¶¼ÒªÈ¥Hack£¬µ«ÎÒÔںܶàʵ¼ùÖУ¬Ö»ÓÑÐÞÕý’1-2¸öÊôÐԾͿÉÒÔÁË¡£
¾ßÌåд·¨ºÜÈÝÒ×£º
#someNode
{
position: fixed;
#position: fixed;
_position: fixed;
}
µÚһşøFirefoxÒÔ¼°ÆäËûä¯ÀÀÆ ......
<html>
<body style="margin:0;">
<div>
<table style="width:100%;height:100%" cellpadding='0' cellspacing='0'>
<tr>
<td style="width:120px;background-color:Red">
  ......
CSSÍøÒ³²¼¾Öʱ³£·¸µÄ¼¸ÖÖС´íÎó£º
¡¡¡¡1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
¡¡¡¡¼´Ê¹ÊÇÀÏÊÖÒ²¾³£»áŪ´ídivµÄǶÌ×¹Øϵ¡£¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²éÒ»ÏÂÓÐÎÞ´íÎó¡£
¡¡¡¡2. ¼ì²éCSSÊÇ·ñÊéдÕýÈ·
¡¡¡¡¼ì²éÒ»ÏÂÓÐÎÞƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÄ } µÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²é CSS ......
ÕâÁ½ÌìÔÚÏëÕâ¸öÎÊÌ⣬ÔÚÂÛ̳Àï·¢µÄÌû×Ó£¬Ò²Ã»ÓÐÈ˻أ¬ÍøÉϵÄÄÇЩ´ð°¸»ù±¾É϶¼ÊÇÔÚIE8.0ÒÔϵİ汾£¬Í¨¹ýIE8.0ºÍFF3.63°æ±¾µÄ±È½Ï£¬¸Ð¾õÏÖÔÚÁ½ÕßµÄÏà²î²»ÊÇÌ«´ó£¬ÎÒÖ»·¢ÏÖÓÐÏÂÃæһЩÓÐÃ÷ÏÔµÄÇø±ð
µÚÒ»£ºcursor:handÖµ¡£ ÔÚIEÖпÉÒÔÏÔʾÊÖÐÍ£¬µ«ÊÇÔÚFFÖÐÑùʽ²»×÷ÓÃ
µÚ¶þ£ºIEºÍFFµÄ͸Ã÷ÉèÖò»Í¬
&n ......
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......