您的位置:主页 > 新闻资讯 > 网站设计 >
宜兴网站设计背景小图标右对齐间距css样式小技
发表日期:2020-12-10 09:35   文章编辑:boroad    浏览次数:
 

我们在网站设计中,经常会碰到把小图标作为一个背景图用作在栏目中排版,且图标要离右侧设置有一定间距,这样才能达到美观的效果,下面介绍下如何用css设置样式:

背景小图标右对齐间距css样式小技巧

css引用:

<div class="title_bg">产品展厅</div>

.css样式:
.title_bg{ width:236px;height:75px;line-height:75px; background:url(../images/lm_icon.jpg) no-repeat right 20px center #2e7fd0; }
 

根据效果调整right 20px大小就可以。

标签:    
如没特殊注明,文章均为博路网络原创,转载请注明来自https://www.boroad.net/news/wangzhansheji/2020/1210/266.html