老师，请检查，感觉还是生疏，在实际工作中用的多吗

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

来源：2-7 编程练习

unbreakable_全栈

2020-06-10 00:16:11

<!DOCTYPE html>

<html>

<title>background-origin</title>

<style>

div {

width: 700px;

height: 210px;

border: 5px solid blue;

background: url('http://climg.mukewang.com/582c342b0001fd6507000210.jpg') no-repeat;

}

div:hover {

background: url('http://climg.mukewang.com/582c34220001091605000150.jpg') no-repeat 10px 10px;

background-origin: content-box;

background-size: cover;

}

</style>

</head>

<body>

<div>

</div>

</body>

</html>

写回答

1回答

好帮手慕慕子

2020-06-10

同学你好，代码实现是正确的，建议优化：调整边框样式，方便观察效果。

实际工作中不常用，但同学也需要了解下，到时候真的遇到要实现这种效果，也不至于不知道

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

0 学习 · 40143 问题

相似问题

回答 3

回答 2

回答 1

回答 2

回答 2