在html代码中怎么让背景图片居中

在html代码中怎么让背景图片居中,第1张

用background-position属性来实现。

参考代码

<html>

<head>

<style type="text/css">

body

{

background-image:url(/i/eg_bg_desert.jpg)'背景图

background-position: center center  '居中

background-repeat:no-repeat'图片不重复

}

</style>

</head>

<body>

</body>

</html>

<div style="text-align:center"><a href="http://www.imagechef.com/ic/make.jsp?tid=Beach" target="_blank"><img src="http://cdn-users1.imagechef.com/ic/stored/2/080915/sampe80c1572f0c3a6e2.jpg" alt="Beach custom comment codes for MySpace, Hi5, Friendster and more - ImageChef.com"/></a></div>

哪,在这样的东西直接插入你要加入的东西就居中了:

<div style="text-align:center"></div>或者

<center></center>

再给你一些html入门教程吧:

http://bbs.iteasier.com/showtopic-247.aspx


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5908504.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-07
下一篇 2023-03-07

发表评论

登录后才能评论

评论列表(0条)

保存