今天遇到要做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
一般而言，鼠标以斜向上的箭头显示，移到文本上时变为有头的竖线，移到超级链接上变为手型。但用css可控制鼠标的显示效果，如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 * 换成如下15个效果的一种：
一般而言，鼠标以斜向上的箭头显示，移到文本上 ......
内联式样式表
定义：直接对html标签写样式，缺点：如果标签过多，需要写过多的样式
公式：style="样式属性:属性的值；样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点：将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多，需要写重复内容。
公 ......
<html>
<body style="margin:0;">
<div>
<table style="width:100%;height:100%" cellpadding='0' cellspacing='0'>
<tr>
<td style="width:120px;background-color:Red">
......
