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>

*打赏支持:支付宝/微信,请熊猫喝瓶肥宅快乐水吧!

声明:本博客除特殊说明外,皆为原创内容,转载请注明来源!

强烈推荐:HK虚机自带CDN,宕机无缝切换   Vultr注册就有10$,可开4个月服务器

标签: 无

发表评论: