css中怎么定义块中的超链接样式啊? 怎么定义CLASS呢 ?

html-css013

css中怎么定义块中的超链接样式啊? 怎么定义CLASS呢 ?,第1张

css是不能嵌套写的,不像html那样,css是级联的,运用它们各自的特点。

比如

html:

<div class="box_1"><a href="#"></a></div>

<div class="box_2"><a href="#"></a></div>

<ul><li><a href="#"></a></li></ul>

<h3><a href="#"></a></h3>

css:

div.box_1 a:link{.....}

div.box_1 a:active{.....}

div.box_1 a:hover{.....}

div.box_1 a:visited{.....}

div.box_2 a{.....}

ul li a{.....}

h3 a{.....}

设定图片超链接,用css样式来实现,其实就是给这个图片的块添加超链接,我们可以通过在这个块的前面添加一个a标签来实现,然后填写上你所需要的链接地址就行了,通过代码来理解:

<html>

<head>

<style>

#div1{

width:660px

height:400px

border:1px soild #f00

}

</style>

</head>

<body>

<div id='div1'>

<a href=""><img src='图片地址'></a>

</div>

</body>

</html>

在CSS中给背景图片加上超链接,其实就是给这个背景图片的块添加超链接,我们可以通过在这个块的前面添加一个a标签来实现,然后填写上你所需要的链接地址就行了,通过代码来理解:

<html>

<head>

<style>

#div1{

width:660px

height:400px

border:1px soild #f00

background:url('图片地址')

}

</style>

</head>

<body>

<a href="">

<div id='div1'>

</div>

</a>

</body>

</html>