为了账号安全,请及时绑定邮箱和手机立即绑定

css跟html如何实现,点击左侧不同的选项卡,右边显示不同的内容?

css跟html如何实现,点击左侧不同的选项卡,右边显示不同的内容?

红颜莎娜 2018-12-13 19:15:00
查看完整描述

1 回答

?
慕的地10843

TA贡献1785条经验 获得超8个赞

a标签配合target可以实现这个效果

大概是这样,有点忙,给个简单demo


<!DOCTYPE html>

<html>

    <meta charset="UTF-8"/>

<head>

<style>

:target

{

border: 2px solid #D4D4D4;

background-color: #000000;

}

a:hover, a:visited, a:link, a:active {

    text-decoration: none;

    color: #000000;

}

</style>

</head>

<body>



<p><a href="#news1">跳转至内容 1</a></p>

<p><a href="#news2">跳转至内容 2</a></p>


<p id="news1"><b>内容 1...</b></p>

<p id="news2"><b>内容 2...</b></p>


</body>

</html>


查看完整回答
反对 回复 2019-01-20
  • 1 回答
  • 0 关注
  • 1742 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信