重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

CSS中怎么创建图像图标按钮

这篇文章主要介绍CSS中怎么创建图像图标按钮,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联是一家集网站建设,延长企业网站建设,延长品牌网站建设,网站定制,延长网站建设报价,网络营销,网络优化,延长网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

在按钮表面上显示图像图标时,请写代码以在按钮标签中显示图像,实现此效果要使用显示设置为内联块的span标记。

代码如下:

image-button.css

#buttonImage{

background-image:url('/img/search.png');

display:inline-block;

margin-top:2px;

width:16px;

height:16px;

}

.flatbutton{

border:1pxsolid#3079ed;

background-color:#4d90fe;

width:100px;

height:28px;

}

image-button.html



CSS中怎么创建图像图标按钮

以上是“CSS中怎么创建图像图标按钮”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


文章名称:CSS中怎么创建图像图标按钮
新闻来源:http://cqcxhl.com/article/ispips.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP