CSS+DIV小结4

一、背景图片的重复属性，即background-repeat属性，是不可继承的属性，其语法结构如下：
　　background-repeat:repeat/no-repeat/repeat-x/repeat-y;
　　这个四个属性的取值具体含义如下：
　　repeat：背景图片按照从左到右，从上到下的顺序进行排列。
　　no-repeat：背景图片不重复，没有定义位置的时候，默认出现在容器的左上角。
　　repeat-x：背景图片延X轴排列，即横向排列，没有定义位置的时候，在容器的顶部，从左到

右重复排列。
　　repeat-y：背景图片延Y轴排列，即纵向排列，没有定义位置的时候，在容器的左侧从上向下

重复排列。
二、固定背景图片：
使用CSS可以固定背景，格式如下：标签名{background-attachment:参数}
参数：
fixed:页面滚动时，背景固定；
scroll:页面滚动时，背景滚动。
三、鼠标经过时变色的表格CSS可如下写：
.datalist tr:hover,{background-color:#99ff00 /*动态的颜色*/}
运用如下：<table class="datalist">……
四、用CSS轻松实现自定义鼠标显示形状，运行下面的代码即可看到不同的鼠标状态显示。：默认

为指针形状
<style type="text/css">
<!--
span {display:block;line-height:30px;margin:5px 0;background:#f0f0f0;text-align:center;}
-->
</style>
<span style="cursor:hand;">hand 手型</span>
<span style="cursor:crosshair;">crosshair 十字</span>
<span style="cursor:text;">text 文本</span>
<span style="cursor:wait;">wait 等待</span>
<span style="cursor:help;">help 问号</span>
<span style="cursor:e-resize;">e-resize 右的箭头</span>
<span style="cursor:ne-resize;">ne-resize 右上的箭头</span>
<span style="cursor:n-resize;">n-resize 上的箭头</span>
<span style="cursor:nw-resize;">nw-resize 左上的箭头</span>
<span style="cursor:w-resize;">w-resize 左的箭头</span>
<span style="cursor:sw-resize;">sw-resize 左下的箭头</span>
<span style="cursor:s-resize;">s-resize 下的箭头</span>
<span style="cursor:se-resize;">se-resize 右下的箭头</span>
<span style="cursor:move;">move 移动</span>
<p><a href="http://www.5icool.org/" target="_blank">酷站代码</a></p>
五、CSS对标记控制可以添加简单的样式风格，实例如下：
form{
 border:1px dotted #AAAAAA
 ……
}
input{
 color:#000888;
 ……
}
select{……}