1、background-clip的问题

1、background-clip的问题

http://img1.sycdn.imooc.com//climg/59f29b070001c1d604980176.jpg

http://img1.sycdn.imooc.com//climg/59f29b070001e92109860654.jpg

这两到题都不会,第一题不懂,第二题也不会,求完整代码。您好,课后编码题有答案讲解吗?

正在回答

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

2回答

一、background-clip:规定背景的绘制区域

border-box    背景被裁剪到边框盒。

padding-box    背景被裁剪到内边距框。

content-box    背景被裁剪到内容框。    

二、这个题考察的是CSS3的background-clip属性。

background-clip属性规定背景的绘制区域。有3属性值:border-box,背景被剪裁到边框盒;padding-box,背景被剪裁到内边距框;content-box,背景被剪裁到内容框。本题是从背景图包含边框变成不包含边框,所以应该是是background-clip:padding-box;

祝学习愉快~


提问者 慕侠2571544 2017-10-27 15:42:44

       

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>background-size</title>

    <style type="text/css">

        a{text-decoration:none;}

        ul{list-style:none;}

        div{

            background-image:url("http://img1.sycdn.imooc.com/climg//582c37e50001b08102000065.jpg");

            width:100px;height:100px;

            display:none;border:2px solid red;

            background-repeat:no-repeat;

        }  

        li:hover {

            display: block;

        }        

        /*补充代码*/

    </style>

</head>

<body>

    <h2>background-size不同属性值不同效果</h2>

    <ul>

        <li  class="length">

            <h3><a href="">100px 100px</a></h3>

            <div></div>

        </li> 

    </ul>

</body>

</html>

你好,我如何鼠标停留在a标签上时,div的css样式发生变化,这个样式怎么写?谢谢了

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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