首页 > 网站 > WEB开发 > 正文

div中添加背景图片及居中显示

2024-04-27 15:10:31
字体:
来源:转载
供稿:网友

1、div元素的居中需要设置对应的宽度及左边边界的宽度,

margin后的参数可以是两个或者四个,两个时指的是上下、左右边界的宽度,四个时指的是上、右、下,左的边界宽度;

2、使用background-image将图片添加为背景;

3、使用background-repeat控制图片的拉伸模式。

<div style="width:100%;top:300px;">    <div style="width: 80%; margin: 0 10%; background-image: url('../../Content/picture.png'); background-repeat: round">        <p style="width:80%;margin:0 10% 0 10%;font-size:17px;color:black;font-family:YouYuan;line-height:200%">            <br />            这是第一行文字<br />            这是第二行文字<br />            这是第三行文字<br />            这是第四行文字<br />        </p>    </div></div>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表