手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >div实现阴影边框效果(适应各主流浏览器)
div实现阴影边框效果(适应各主流浏览器)
摘要:CSs阴影框,Div阴影*{margin:0;padding:0;border:0;}body{padding:4em;font-famil...

<!DOCTYPE HTML>

<html>

<head>

<title>CSs阴影框,Div阴影</title>

<style type="text/css">

*{ margin:0; padding:0; border:0; }

body{ padding:4em; font-family:Tahoma, Geneva, sans-serif }

/*box*/

.box { width:60%;background-color:#666}

.box p {line-height:1.8; padding:2em; position:relative; top:-5px; left:-5px;zoom:1;background-color:#ccc}

</style>

</head>

<body>

<div>

<p>查字典教程网提供</p>

</div>

</body>

</html>

【div实现阴影边框效果(适应各主流浏览器)】相关文章:

CSS实现Table单元格自动换行或不换行

纯css实现的tab切换效果

CSS图片垂直居中方法整理集合

纯CSS代码实现翻页焦点图效果

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

纯css实现的下拉菜单只有边框底纹用到图片

巧用CSS来控制div自适应浏览器的高度

CSS相框效果示例代码

怎样用CSS实现大背景网页效果

CSS3实现多背景展示效果通过CSS3定位多张背景

精品推荐
分类导航