css的 cursor 属性

html-css022

css的 cursor 属性,第1张

1.Auto 鼠标指针会显示默认的样式

2.Crosshair 鼠标指针会显示"+"\

3.Point 鼠标指针会显示"手"形图标

4.Wait 鼠标指针会显示"圆形的" 旋转图标

5.其余的属性不是很常用

6.cursor的javaScript 语法

上述样式一般通过取消默认的list标记，然后以图片的形式实现；但是，也可以直接设置li的样式实现，思路是在li标签下嵌套span标签，然后将li的样式设置为红色，字号较大，而span为正常的样式。下面给出后者的实例演示：

创建Html元素

<div class="box">

<span>通过设置li及其子元素span的不同样式将li默认的黑色标记改为红色，且显示较大：</span><br>

<div class="content">

<ul class="test">

  <li><span>Glen</span></li>

  <li><span>Tane</span></li>

  <li><span>John</span></li>

  <li><span>Ralph</span></li>

</ul>

</div>

<div class="content">

<ul>

  <li>Glen</li>

  <li>Tane</li>

  <li>John</li>

  <li>Ralph</li>

</ul>

</div>

</div>

设置css样式

div.box{width:300pxpadding:20pxmargin:20pxborder:4px dashed #ccc}

div.box>span{color:#999font-style:italic}

div.content{width:250pxmargin:10px 0padding:20pxborder:2px solid #ff6666}

li{margin:5px 0}

ul.test li{color:redfont-size:30px}

ul.test li span{display:inline-blockcolor:blackfont-size:16px}

观察对比效果

用表格快，但是根据回归本位的思想还是不用table,

用ul li 做就很好，你说的不能居中，是你没有掌握居中的技巧吧，

下面的这个结构是我第一次用UL做的，

建议以后这样的结构在练习技术的情况下，用绝对定位比较好，

为了兼容ie67有些地方用了绝对定位，ie8 ff直接能完全解释，不用额外的样式表，