单独的链接不能突出,给字体加颜色也有点突兀,那么用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>