零基础建站培训介绍

当前位置:

CSS如何设置DIV边框阴影和图片阴影效果

在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.220026i8or2bnuynoy787n

CSS设置阴影效果的样式为box-shadow属性,使用方法:
边框设置阴影效果:

div{box-shadow:3 4 1px #000 inset;}

图片设置阴影效果:

img {box-shadow:5px 2px 6px #000}

参数说明:
第1个值为0时,代表左右边框阴影 为1px范围 ;
第1个值为正整数 代表 左边框阴影 ;
第1个值为负整数 代表 右边框阴影 ;
第2个值为0 代表上下边框阴影 ;
第2个值为正整数 代表1px阴影距离上边框多少;
第2个值为负整数 代表下边框阴影;
有inset 代表框内阴影 ,不带inset 代表框外阴影;

上一课: 下一课:

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • 在自己做网站时,为了显示效果,我们需要对某些区块设置圆角边框,这时,我们需要用到CSS的border-radius属性,通过border-radius属性就可以轻松设置
  • 问题:在HTML中元素分为块状元素和行内元素,块状元素的外边距和内边距我们分别使用margin\padding属性来设置,那么行内元素可以设置margin\paddi
  • 1、CSS3设置文字一个阴影在CSS3中使用text-shadow属性来给文字添加阴影效果[cce_html]h1{text-shadow: 5px 5px 5px #FF0000;}[/c
  • 在网站制作过程中经常需要使用到让div进行水平和垂直居中的技术。现在我们就来谈谈如何实现让div水平和垂直居中。Div标签水平居中方法Div
  • 在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.CSS设置阴影效果的样式为box-shadow属性,使用方
  • DIV CSS外边距指CSS属性单词margin,margin是设置对象四边的外延边距,没有背景颜色也无颜色。1、margin语法Margin:10pxMargin的值是数字
  • border-radius:圆角边框CSS3圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所
  • 做网站时,避免不了网站上有大量的图片。网站上的图片显示就需要使用img图片标签。HTML img图片标签写法[cce_html]<img src="图片地址" alt=
  • html中marquee标签让图片水平滚动可以如下写法:[cce_html]<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2"
  • 想要使用fireworks制作字体效果,那么这里给大家讲解一个简单的制作字体的方法,使用的软件名称:fireworks8简体中文版 (含序列号)1、首先到啊fir
  • 专题由于追求时效性和转化率,往往会忽略掉很多SEO细节,导致难以获取SEO流量,本文就常见的一些营销活动专题经常遇到的SEO问题具体分析一下,进而提