首页 > 其他分享 >网页布局------阴影效果显示

网页布局------阴影效果显示

时间:2024-05-14 16:10:46浏览次数:20  
标签:负值 网页 color 阴影 ------ shadow 属性

在制作网页的过程中,经常需要对图片添加阴影效果

基本语法如下

box-shadow:h-shadow v- shadow blur spread color outset;

具体参数属性如下

参数值 描述
h-shadow 表示水平阴影的位置们,可以为负值(必选属性)
v-shadow 表示垂直阴影的位置,可以为负值(必选属性)
blur 阴影模糊半径(可选属性)
spread 阴影扩展半径,不能为负值(可选属性)
color 阴影颜色(可选属性)
outset/inset 默认为外阴影/内阴影(可选属性)

一般阴影属性设置为下面数值,可以看到一点阴影效果

box-shadow: 0 8px 16px rgba(0, 0, 0, .18);

 

 

标签:负值,网页,color,阴影,------,shadow,属性
From: https://www.cnblogs.com/lixianhui/p/18191519

相关文章

  • CompletableFuture allOf 和 anyOf
    CompletableFuture<String>future1=CompletableFuture.supplyAsync(()->{List<String>objects=newArrayList<>();Strings=objects.get(0);return"成功";}).exceptionally(ex->{//这样的话future2就可以正常执行......
  • golang- 实现多环境配置
    需要安装插件gogetgopkg.in/yaml.v3配置yaml文件  然后配置数据块与yaml结构相同,用来接收数据,字段需要配置映射关系,如下完整的执行代码如下//初始化yaml文件funcdoYaml(){envName:=ParamsObj.EnvifStringUtil.IsEmpty(envName){envNa......
  • 减少癌症被误诊的风险
    降低癌症误诊的风险需要综合性的策略。以下是一些建议:医生选择:选择有丰富经验的专业医生或医疗机构。咨询其他患者的意见,了解医生的背景和专业知识。第二意见:如果您被诊断为患有癌症,不要犹豫寻求第二意见。不同医生可能有不同的看法,这有助于确认诊断。全面评估:医生应该进行全面的......
  • jvm垃圾回收及内存分配
    目录0.垃圾收集器的相关JVM参数1.java垃圾回收器种类2.串行回收器3.并行回收器3.1ParNew回收器3.2ParallelGC回收器3.3ParallelOldGC回收器3.4CMS回收器CMS主要工作步骤CMS说明3.5G1回收器3.5.1新生代GC3.5.2G1的并发标记周期3.5.3混合回收3.5.4G1日志解析0.垃圾收......
  • fastjson和 gson 的反序列化的一个差异
     publicclassResponse01{privateThirdDatathirdData;publicThirdDatagetThirdData(){returnthirdData;}//ThirdDataextendBaseThirdDatapublicvoidsetThirdData(BaseThirdDatathirdData){thi......
  • Rancher Desktop Install
    参考:https://www.cnblogs.com/shanyou/p/15759035.htmlofficialwebsite:https://docs.rancherdesktop.io/getting-started/installation/1、prepareWSL我本机安装过DockerDesktop所以wsl已经安装好了,否则需要安装。执行wsl-l-v查看版本。安装Wingethttps://github.com/m......
  • 实现Python日志点击跳转到代码位置的方法
    前言在软件开发过程中,日志是一种非常重要的工具,用于记录程序运行时的状态、错误信息以及调试信息。当程序出现问题时,定位到具体的代码位置对于排查问题至关重要。本文将介绍如何在Python日志中实现点击跳转到代码位置的功能,以提高调试效率。为什么需要点击跳转功能?通常情况下,......
  • VUE-局部使用
    目录VUE-局部使用快速入门常用指令v-forv-bindv-if&v-showv-onv-modelvue生命周期AxiosVUE-局部使用Vue是一款用于构建用户界面的渐进式的JavaScript框架。(官方:https://cn.vuejs.org/)快速入门准备准备html页面,并引入Vue模块(官方提供)创建Vue程序的应用实例准备元素(......
  • 探索Vue.js:从基础到进阶
    前言随着现代Web应用程序的日益复杂,前端开发框架也在不断演进,为开发者提供更强大、更高效的工具和技术。在这些框架中,Vue.js以其简洁、灵活和响应式的特点而备受青睐。本文将带领读者深入探索Vue.js,从基础概念到进阶技巧,让你全面了解这个令人惊叹的前端开发框架。Vue.js基......
  • 用手机免费pdf转word文档怎么操作?
    众所周知,PDF是不可直接编辑的文件,尤其是扫描件。如果要将pdf文件转换为word文件,如何进行转换?其实我们可以通过工具把pdf转word文档的操作哦。有很多人不知道用什么工具好,小编今天就给大家推荐一款手机也能免费将pdf文档转成word文档的在线工具smallpdf中文版。pdf转word可以在线......