纯css完成加号一个的效果（代码示例）
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
本篇文章给大家带来的内容是关于纯css实现加号一个的效果（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。实现下图的加号效果：
若想实现这个效果， 只需一个p元素即可搞定。
需要用到css的为了before和after， 以及border特性。
先设置一个div便签
<div class="add"></div>
再设置一个边框：
.add {
border: 1px solid;
width: 100px;
height: 100px;
color: #ccc;
transition: color .25s;
position: relative;
}
