手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS控制背景图像平铺实现边框阴影效果
CSS控制背景图像平铺实现边框阴影效果
摘要:一款用CSS控制背景图像平铺,从而实现区域边框阴影的效果,虽然用到了图片,但可贵之处是本代码不管你需要阴影的区域是多大,它都能自动适应,因些...

一款用CSS控制背景图像平铺,从而实现区域边框阴影的效果,虽然用到了图片,但可贵之处是本代码不管你需要阴影的区域是多大,它都能自动适应,因些还是很值得收藏一下的,兼容所有的IE浏览器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS边框阴影</title>

<style>

.dropshadow2{

float:left;

clear:left;

background: url(/jscss/demoimg/200903/shadowAlpha.png) no-repeat bottom right !important;

background: url(/jscss/demoimg/200903/shadow.gif) no-repeat bottom right;

margin: 10px 0 10px 10px !important;

margin: 10px 0 10px 5px;

width: 360px;

padding: 0px;

}

.innerbox{

position:relative;

bottom:6px;

right: 6px;

border: 1px solid #999999;

padding:4px;

margin: 0px 0px 0px 0px;

}

.innerbox{

/* IE5 hack */

margin: 0px 0px -3px 0px;

margin: 0px 0px 0px 0px;

}

.innerbox p{

font-size:14px;

margin: 3px;

}

</style>

</head>

<body>

<div><div><h4>CSS阴影:</h4> <p>这段边框阴影效果怎么样呢?</p></div></div>

</body>

</html>

效果图

CSS控制背景图像平铺实现边框阴影效果1

【CSS控制背景图像平铺实现边框阴影效果】相关文章:

CSS滤镜实现的颜色渐变翻转效果

CSS分页数字放大效果

使用CSS3实现圆角,阴影,透明

CSS外框阴影效果

CSS教程网站制作如何打造导航蓝色效果

CSS控制ul缩进间距和去掉li点的方法

用CSS实现表格背景颜色渐变效果

css控制表格细边框样式

CSS3创建惊艳多重边框色

使用CSS3在触屏上为按钮实现激活效果

精品推荐
分类导航