CSS3边框阴影

CSS3边框阴影实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3边框阴影</title>
<style> 
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 5px 5px 5px #888888; /* 老的 Firefox */
box-shadow: 5px 5px 5px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>

时间: 2024-10-27 06:49:44

CSS3边框阴影的相关文章

CSS3边框 阴影 box-shadow

box-shadow是向盒子添加阴影.支持添加一个或者多个. box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍: box-shadow: h-shadow v-shadow blur spread color inset; h-shadow:水平阴影的偏移值,必需,可以为负值. v-shadow:纵向阴影的偏移值,必需,可以为负值. blur:阴影模糊值,可选,不能为负值. spread:阴影的扩展,可选,可以为负值. c

css3边框阴影属性

在CSS3中,我们可以使用box-shadow属性轻松地为元素添加阴影效果. 语法: box-shadow:x-shadow  y-shadow  blur  spread  color  inset; 说明: (1)x-shadow:设置水平阴影的位置(X轴),可以使用负值: (2)y-shadow:设置垂直阴影的位置(y轴),可以使用负值: (3)blur:设置阴影模糊半径: (4)spread:扩展半径,设置阴影的尺寸: (5)color:设置阴影的颜色: (6)inset:这个参数默认不

CSS3(1)---圆角边框、边框阴影

CSS3(1)---圆角边框.边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于不仅有利于开发与维护,还能提高网站的性能. 一.圆角边框 圆角在实际开放过程中,还是蛮常见的.以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border-radius设置元素的圆角半径. 1.圆角边框语法 圆角边框属性 : border-radius 属性值 border-radius: 属性1,属性2,属性3,属性4 # 四个值:第一个值为左上角,第二个值为右上角,第三个值为

CSS3边框温故

1.简介:border属性在CSS1中就已经定义了,用来设置元素边框风格,设置不同的边框.颜色.粗细 2.基本属性,包括三个类型值:(1)border-width:设置元素边框的粗细,默认3~4px(2)border-color:设置元素边框的颜色,默认色就是字体颜色(3)border-style:设置元素边框的类型,默认[none]缩写语法:border:border-width border-style border-color;注:缩写后每个属性之间使用空格隔开,它们之间没有先后顺序 3.

CSS3 边框图片

CSS3 边框图片 通过 CSS3 的 border-image 属性,可以使用图片来创建边框:border-image是用来代替border-style的,即border的大小取决于. 而且有border-image的侧边就没有border-shadow的什么事.哈哈,他俩冲突.注意,border-image不占用页面位置(他是脱离文档流的!!!). - 实现原理 - 参数解析 - - 图片切片border-image-slice - - 边框图片宽度border-image-width -

【边框】-边框阴影-box-shadow

CSS3之box-shadow边框阴影 div{box-shadow: 10px 10px 5px #888888;} 来自为知笔记(Wiz)

[HTML] CSS3 边框

CSS3 边框 用CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如Photoshop. 在本章中,您将了解以下的边框属性: border-radius box-shadow border-image 浏览器支持 Internet Explorer 9+ 支持 border-radius 和 box-shadow. Firefox, Chrome, 和 Safari 支持所有最新的 border 属性. 注意: 前缀是-webkit-的Safari支持阴影边框. 前缀

CSS3边框与背景

参考: http://www.runoob.com/css3/css3-tutorial.html CSS3被拆分为"模块".旧规范已拆分成小块,还增加了新的. 一些最重要CSS3模块如下: 选择器 盒模型 背景和边框 文字特效 2D/3D转换 动画 多列布局 用户界面  1.CSS3边框: 用 CSS3,你可以创建圆角边框,添加阴影框,并作为边界的形象而不使用设计程序,如 Photoshop. 在本章中,您将了解以下的边框属性: border-radius box-shadow bo

CSS3边框、颜色、伪选择器

1.CSS3圆角效果: border-radius:10px; 2.边框阴影: box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; (外部投影)(内部投影) 添加多个阴影: 以上的语法的介绍,就这么简单,如果添加多个阴影,只需用逗号隔开即可.如: .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }