css背景条幅彩色突出

  • 时间:
  • 访问: 592 次
  • 分类: 建站技巧
这个标题实在不知道怎么起，博客的链接如果加上超链接，蜘蛛会爬过去，那么一定不能让它过去
单独的链接不能突出，给字体加颜色也有点突兀，那么用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个月服务器

标签: 无

发表评论：