首页 > Web开发 > 详细

CSS3实现选项卡

时间：2019-01-12 13:24:02 阅读：259 评论：0 收藏：0 [点我收藏+]

标签：round ora 选项 ack spl 微软雅黑 style href padding

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style type="text/css">

*{

margin: 0;

padding: 0;

}

a{

text-decoration: none;

color: deeppink;

}

div{

width: 200px;

height: 200px;

background: pink;

display: none;

text-align: center;

font: 50px/200px "微软雅黑";

}

:target{

display: block;

}

</style>

</head>

<body>

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

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

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

<div id="div1">

div1

</div>

<div id="div2">

div2

</div>

<div id="div3">

div3

</div>

</body>

</html>

CSS3实现选项卡

标签：round ora 选项 ack spl 微软雅黑 style href padding

原文地址：https://www.cnblogs.com/panlaixing/p/10259221.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！