【CSS】页面顶部阴影

作者: 德育处主任 | 来源:发表于2020-01-30 18:35 被阅读0次
微信订阅号:Rabbit_svip


微信订阅号:Rabbit_svip

body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}

利用伪元素实现,并设置 position:fixed;

相关文章

  • 【CSS】页面顶部阴影

    利用伪元素实现,并设置 position:fixed;

  • 常用的CSS

    1.把彩色的图片变成黑白的图片 2.导航上应用/取消边框:not() 3.页面顶部添加阴影(CSS3) 4.bod...

  • JS相关概念

    1.CSS和JS在网页中的放置顺序是怎样的? CSS应该放在页面顶部的head标签中,html页面需要等到CSS解...

  • 饥人谷任务班TASK16(进阶1)

    CSS和JS在网页中的放置顺序是怎样的? CSS可以放置在页面的任何位置,CSS最好放置在HTML代码顶部的 标签...

  • vip10-1225作业

    问题1:CSS和JS在网页中的放置顺序是怎样的 CSS应该放在页面顶部的head标签中由于Render Tree是...

  • 20161226作业

    CSS和JS在网页中的放置顺序是怎样的? CSS应该放在页面的顶部的head标签中 由于Render Tree是由...

  • JQuery导航栏固定及回到顶部

    JQuery导航栏固定及回到顶部 1.页面布局 2.css样式 3.JS代码

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? CSS应该放在页面顶部的head标签中由于Render Tree是由DO...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的? CSS应该放在页面顶部的head标签中,由于Render Tree是由D...

  • JS相关概念

    CSS和JS在网页中的放置顺序是怎样的 CSS应该放在页面顶部的 标签中由于Render tree是由DOM树和C...

网友评论

    本文标题:【CSS】页面顶部阴影

    本文链接:https://www.haomeiwen.com/subject/srxwthtx.html