这样写可以吗？

首页课程实战体系课手记专栏慕课教程

这样写可以吗？

来源：2-4 编程练习

能量咕噜略略

2020-02-04 19:48:13

<!DOCTYPE html>

<html>

<head>

<title>background-clip</title>

.border,.padding,.content{/*给最外层的div设置样式*/

width:300px;height:300px;

float:left;margin-left:50px;

}

text-decoration:none;

font-size:30px;

}

.div1,.div2,.div3{/*放置背景图片的div样式*/

width:220px;height:200px;

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

padding:50px;

background-image:url("http://climg.mukewang.com/582c316e0001fd6507000210.jpg");

margin-top:50px;

}

.border:hover div,.padding:hover div,.content:hover div{

display:block;

}

/*补充代码*/

.div1,.div2,.div3{display:none;}

.div1:hover{background-clip:border-box;}

.div2:hover{background-clip:padding-box;}

.div3:hover{background-clip:content-box;}

</style>

</head>

<body>

<a href="">border-box</a>

</div>

<a href="">padding-box</a>

</div>

<a href="">content-box</a>

</div>

</body>

</html>

写回答

1回答

好帮手慕星星

2020-02-05

同学你好，效果上有点问题，移入文字时显示如下

移入div时显示才是正确的

不需要这样设置，应该移入文字时效果就是正确的，参考修改

直接设置样式，不添加hover类。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~

0 学习 · 40143 问题

查看课程

相似问题

为什么要写成以下这样子才行

回答 1

老师这样实现可以吗？

回答 1

老师这样可以吗？

回答 1

2-7这样写可以吗

回答 1

可以这样写吗

回答 1

打开慕课网App查看更多内容