亚冠

给光标添加CSS式样

2019-09-13 19:54:47来源:励志吧0次阅读

我们可以使用上表中的值,以及一个元素的光标属性。下面的一行代码说明如何使用一个HTML元素的style属性。

style="cursor: hand;"

和其它CSS属性一样,你可以为整个页面或页面中的单个元素定义一个光标。列表A中的HTML实例对各种页面元素使用一个不同的光标。

<html><head>

<title>Using the CSS cursor property</title>

</head>

<body style="cursor: all-scroll;">

<h1 style="cursor: hand;">Title of the page</h1>

<h2 style="cursor: crosshair;">Subtitle</h2>

<p style="cursor: move;">Some text goes here.</p>

<a href="http://www.news.com/" mce_href="http://www.news.com/" style="cursor: wait;">Read the news</a>

<br><br>

<a href="http://www.techrepublic.com/" mce_href="http://www.techrepublic.com/" style="cursor: help;">TR</a>

</body></html>

这例子通过body元素的style属性给整个文档添加一个光标,但页面中的单个元素也有它们自己指定的光标,因此当用户浏览页面时,光标由页面光标(来自body元素)转变为单个元素的光标。列表B中的例子说明如何根据类或元素类型确定光标的式样。

<html><head>

<title>Using the CSS cursor property</title>

<style type="text/css">

body {cursor: all-scroll;}

p {cursor:move;}

a {cursor:crosshair;}

.headers {cursor:hand;}

</style></head>

<body>

<h1 class="headers">Title of the page</h1>

<h2 class="headers">Subtitle</h2>

<p>Some text goes here.</p>

<a href="http://www.news.com/" mce_href="http://www.news.com/">Read the news</a>

<br><br>

<a href="http://www.techrepublic.com/" mce_href="http://www.techrepublic.com/">TR</a>

</body></html>

孩子消化不良怎么办
动脉硬化吃什么中药好
孩子不吃饭怎么办
幼儿大便干
分享到: