background:url(bgimage.gif) no-repeat center bottom。
center 这句是图片位置横向居中。
后面的这句bottom 是图片位置竖向最底部。
指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。
超文本标记语言的结构包括 “头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
万维网上的一个 超媒体文档称之为一个 页面。作为一个组织或者个人在 ，万维网上放置开始点的， 页面称为， 主页或首页。
主页中通常包括有指向其他相关页面或其他节点的 指针，所谓 级链接，就是一种， 统一资源定位器。
<td style="vertical-align: bottom"><img src="./240.jpg" style="width: 50px"></td>直接在td里，设置一下vertical-align: bottom，就可以将图片底部对齐。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px
height: 250px
background-color: red
text-align: center
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
<br/>
你啥时候嫁给我,hahahahaahahahahahaah
</div>
</body>
</html>
————————————————
这样就会能够将文字放在图片的正下方，得到以下图片：
文字位于正右边的方法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px
height: 250px
background-color: red
}
.d2{
vertical-align: middle
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
你啥时候嫁给我
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）