博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何使带背景图片的Button按钮中的文字居中偏上显示
阅读量:5096 次
发布时间:2019-06-13

本文共 806 字,大约阅读时间需要 2 分钟。

.button_submit {	/* background: #df5e16;  */	background:url("../images/image_mobile/m_start.png") no-repeat;	height: 33px;	line-height: 33px;	font-size: 18px;	color: #000;	font-family: 'Microsoft YaHei' !important;	font-weight: normal !important;	border: none;	width:229px;	text-align: center;/* 	vertical-align:middle; *//* 	margin: 0 auto; */	display:inline-block;	}.button_submit:hover {	background:url("../images/image_mobile/m_select.png") no-repeat;	height: 33px;	line-height: 33px;	font-size: 18px;	color: #000;	font-family: 'Microsoft YaHei' !important;	width:229px;	/* vertical-align:middle; */	margin: 0 auto;	display: block;}

在html代码中:

你需要做的就是在<button> 元素中使用一个<div>层把你所要添加的文字包起来,然后设置距离图片上下边界的距离即可。

转载于:https://www.cnblogs.com/jinfenglee/p/4388713.html

你可能感兴趣的文章
重构代码 —— 函数即变量(Replace temp with Query)
查看>>
Bootstrap栅格学习
查看>>
程序员的数学
查看>>
聚合与组合
查看>>
洛谷 P2089 烤鸡【DFS递归/10重枚举】
查看>>
我眼中的技术地图
查看>>
lc 145. Binary Tree Postorder Traversal
查看>>
在centos上开关tomcat
查看>>
无人值守安装linux系统
查看>>
黑马程序员——2 注释
查看>>
android dialog使用自定义布局 设置窗体大小位置
查看>>
ionic2+ 基础
查看>>
查询消除重复行
查看>>
[leetcode]Minimum Path Sum
查看>>
内存管理 浅析 内存管理/内存优化技巧
查看>>
Json格式的字符串转换为正常显示的日期格式
查看>>
[转]Android xxx is not translated in yyy, zzz 的解决方法
查看>>
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
Redis快速入门
查看>>
BootStrap---2.表格和按钮
查看>>