时间:2021-05-08
复制代码代码如下:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{padding:0;margin:0;}
.line{border-bottom:2px solid #EBEBEB;margin-top:10px;margin-bottom:10px;}
h2{border-bottom:2px solid skyblue;font-size:14px;line-height:20px;
display:inline-block;
*display:inline;
*zoom:1;
margin-bottom:-2px;
}
</style>
</head>
<body>
<div class="line">
<h2>蓝悦</h2>
</div>
<div class="line">
<h2>蓝色理想</h2>
</div>
<div class="line">
<h2>前端开发板块</h2>
</div>
<div class="line">
<h2>写一个简单的DEMO</h2>
</div>
</body>
</html>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色,界面效果还不错。一起看下效果图:
下面是CSS实现两个层重叠与显示的代码:test#father{position:relative;margin:20
本文实例讲述了JS+CSS实现简单的二级下拉导航菜单效果。分享给大家供大家参考。具体如下:这是一款CSS配合JavaScript实现二级下拉导航菜单,好像CSS
ppt中想要设计一款简单的人形图标,该怎么制作人形剪影重叠效果的图标呢?重叠人形,图标利用了拆分图形功能,相对比较简单,下面我们就来看看详细的教程。软件名称:P
用css3动画实现的一个简单炫酷效果,最终的效果图如下:页面结构(index.html):DocumentRelaxAndBreathscript.js:con