2-7编程练习-请老师检查,谢谢。

2-7编程练习-请老师检查,谢谢。


<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>background-origin</title>

        <style>

            div{

                width:300px;

                height:150px;

                border:10px solid purple;

                padding:10px;

                background:url(http://img1.sycdn.imooc.com/climg//582c342b0001fd6507000210.jpg) no-repeat 0 0;

                background-origin:padding-box;

                

            }

            div:hover{

                border:10px solid purple;

                padding:10px;

                background:url(http://img1.sycdn.imooc.com/climg//582c34220001091605000150.jpg) no-repeat 10px 10px;

                background-origin:content-box;

                background-clip:border-box;

            }

            }

        </style>

    </head>

    <body>

        <div></div>

    </body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,关于你的问题,回答如下:

1、可以的哦,这里主要是显示透明度,所以这两个都是可以的。也可以使用rgba(0,0,255,0.5)

2、a是指rgba中的“a”吗?

这里的a是alpha的意思,表示:制定色彩的透明度/不透明度,它的范围为0.0到1.0之间。

若不是这个说的这个“a”的话,可以详细的描述下,再次提问哦。

祝学习愉快~

好帮手慕星星 2020-10-22 14:14:13

同学你好,代码样式需要完善:

1、边框要有透明效果,可以使用rgba()完成

2、初始是背景图片被裁减到padding部分显示,而不是从padding部分开始显示

3、多余的代码以及括号可以去掉

http://img1.sycdn.imooc.com//climg/5f91232b0922144409490431.jpg

祝学习愉快!

  • 提问者 慕码人5382834 #1
    请问:我看作业中border的背景色是紫色的,而老师的rgba(255,0,0,0.5)是红色的,可以用rgba(102,102,204,0.5)这个吗?另外,请问a是什么?谢谢。
    2020-10-22 21:54:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师