html中,如何用css实现点击一个事件,一个div内容显示,点击另一个事件,同一个div显示内容

html-css09

html中,如何用css实现点击一个事件,一个div内容显示,点击另一个事件,同一个div显示内容,第1张

C3高级:target属性可以初步实现吧..

<style>

#d1{

display:none

width:100px

height:100px

background:#f00

}

#d2{

display:none

width:100px

height:100px

background:#0f0

}

#d1:target{

display:block

}

#d2:target{

display:block

}

</style>

<a href="#d1">第一个div</a>

<a href="#d2">第二个div</a>

<div id="d1">

</div>

<div id="d2">

</div>

这是代码

你的问题有点模糊,他是控制页面样式的命令。

级联样式表(Cascading Style Sheet)简称“CSS”,通常又称为“风格样式表(Style Sheet)”,它是用来进行网页风格设计的。比如,如果想让链接字未点击时是蓝色的,当鼠标移上去后字变成红色的且有下划线,这就是一种风格。通过设立样式表,可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表,可以扩充精确指定网页元素位置,外观以及创建特殊效果的能力。