老师这个代码在这里面启什么作用啊background-position:50% 80%;

来源:2-15 编程练习

qq_慕粉6009927

2020-03-14 16:38:28

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>background属性</title>

    <style type="text/css">

        /*此处写代码*/

        div{

            width:500px;

            height:200px;

            padding:20px;

            border:10px solid rgba(255,0,0,0.5);

            background:url("http://climg.mukewang.com/582c39c00001091605000150.jpg") no-repeat,gray;

            background-size: 90%;

            background-clip:padding-box;

            text-align:center;

            background-position:50% 80%;

        }

    </style>

</head>

<body>

    <!-- 此处写代码 -->

    <div>慕课网(IMOOC)国内最大的IT技能学习平台</div>

</body>

</html>


写回答

2回答

好帮手慕星星

2020-03-14

同学的意思是背景图片是根据什么进行定位显示的吗?给div设置的背景图片,就会根据div进行显示啊,没有父类。

祝学习愉快!

0

好帮手慕星星

2020-03-14

同学你好,代码实现效果可以,很棒!

另外 , background-position属性设置背景图片的位置,默认图片是从左上角显示的

http://img.mukewang.com/climg/5e6ca125093775d820361167.jpg

添加上这个属性之后可以控制背景图片的位置了,第一个值是水平方向,第二个值是垂直方向 。

祝学习愉快!

0
hq_慕粉6009927
h 那他是以什么为父类
h020-03-14
共1条回复

0 学习 · 40143 问题

查看课程