css背景条幅彩色突出

这个标题实在不知道怎么起，博客的链接如果加上超链接，蜘蛛会爬过去，那么一定不能让它过去
单独的链接不能突出，给字体加颜色也有点突兀，那么用css背景来突出

1.引用shortcodes.css

<link rel="stylesheet" href="http://oebat4epk.bkt.clouddn.com/shortcodes.css" type="text/css">

2.在文章中直接添加

蓝色条幅

<div class="dw-box wow zoomIn dw-box-download" style="visibility:visible;animation-name:zoomIn;">
		<i class="dwicon-download"></i>蓝色条幅
	</div>

灰色条幅

<div class="dw-box wow zoomIn dw-box-info" style="visibility:visible;animation-name:zoomIn;">
	<i class="dwicon-info"></i>灰色条幅
</div>

红色条幅

<div class="dw-box wow zoomIn dw-box-alert" style="visibility: visible; animation-name: zoomIn;"><i class="dwicon-alert"></i> 红色条幅</div>

黄色条幅

<div class="dw-box wow zoomIn dw-box-warning" style="visibility: visible; animation-name: zoomIn;"><i class="dwicon-warning"></i>黄色条幅</div>