直接给div设置属性,没有添加类名,为什么页面显示出是两个盒子?

直接给div设置属性,没有添加类名,为什么页面显示出是两个盒子?

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>盒阴影</title>
    <style type="text/css">
        div{
            width: 300px;
            height: 200px;
            background-color: #f0f;
            margin:0 auto;
        }
        div:hover {
            box-shadow: 10px 10px #bbb;
        }
    </style>
</head>
<body>
<div></div>
</body>
</html>

正在回答

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

2回答

同学你好,你所说的两个盒子是指鼠标移入div时,出现的阴影效果吗?

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

如果是的话,这是因为div:hover这个样式中设置了阴影效果:

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

如果不是这里,可以详细说明一下,以便老师尽快为你解答问题。

祝学习愉快!

  • Nicol_M 提问者 #1
    页面显示出两个div盒子,设置了类名,就只显示一个了。
    2020-11-19 17:11:30
  • Nicol_M 提问者 #2
    换了个浏览器就好了!
    2020-11-20 15:21:37
好帮手慕久久 2020-11-19 17:26:06

同学你好,老师实在没有理解下图中的描述是什么意思:

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

建议同学把自己写的代码粘贴出来(设置了类名的),并截图说明一下哪里有疑惑。老师结合代码再试着理解一下你的疑惑,并为你解答。

祝学习愉快!

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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