请问老师这样对吗？

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

请问老师这样对吗？

来源：2-7 编程练习

泉白水

2020-09-21 10:34:05

<!DOCTYPE html>

<html>

<head>

<title>background-origin</title>

div{

width: 300px;

height: 200px;

border: solid 15px blueviolet;

padding: 20px;

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

background-origin: border-box;

background-position: 0 0;

}

div:hover{

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

background-origin: content-box;

background-position: 10px 10px;

background-size: cover;

}

</style>

</head>

<body>

<div>

</div>

</body>

</html>

写回答

1回答

好帮手慕言

2020-09-21

同学你好，样式需要调整

1、默认边框应该有透明效果，可以使用rgba()完成，内容从padding部分开始裁剪

2、调整图片的大小

代码参考：参考

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

0 学习 · 40143 问题

查看课程

相似问题

请问这样对吗？

回答 2

请问老师这样对吗？

回答 1

老师，请问对么？

回答 1

老师，这样写对吗。

回答 1

老师，在我的sublime text中我设置的打开浏览器的老出错。

回答 2

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