有一个button，我给它设置了一张背景图片，button有value值，用CSS怎么调整使value值位于图片下方？

像这个，那个白色相机是图片，“拍照”是value... 像这个，那个白色相机是图片，“拍照”是value 展开

 我来答

2个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

大千视界影视大全
2015-08-10 · TA获得超过377个赞

知道小有建树答主

回答量：72

采纳率：0%

帮助的人：89.8万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
<head>
    <meta charset=" utf-8">
    <style type="text/css">
        button{
            background-image: url("seo.jpg");
            background-repeat: no-repeat;
        }
        #text{
            position: absolute;
            top:30px;
        }
    </style>

</head>
<body>
<button style="width: 100px;height: 100px;"><span id="text">拍照</span></button>
</body>
</html>

seo.jpg是你的背景图片，当然图片的尺寸要合适，然后就是button的value值，当然了，我是这样写的，<button style="width: 100px;height: 100px;"><span id="text">拍照</span></button>，这样将要显示在button上的值这样写在标签外，给他加个<span>元素，就可以用CSS控制它的位置了，不知道，我这样理解，符合你的要求不？

不懂，继续问我。

希望能够帮助到你，望采纳！

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

yugi111
推荐于2016-10-08 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.4亿

我也去答题访问个人页

关注

展开全部

<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
.pai {
	width: 176px;
	height: 62px;
	padding-top: 39px;
	font: 17px Consolas, 微软雅黑;
	color: white;
	border:0;
	background: url('paizhao.png') no-repeat;
}
</style>
</head>
<body>
	<input type="button" value="拍照" class="pai" />
</body>
</html>