手机
当前位置:查字典教程网 >网页设计 > 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控制背景图像平铺实现边框阴影效果

把网页变灰色兼容各种浏览器

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

用CSS实现文字的阴影效果

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

css3实现input输入框颜色渐变发光效果代码

利用CSS3实现圆角的outline效果的教程

相邻div实现一个跟着另一个自适应高度示例代码

实现链接的虚线下划线效果

CSS3 media queries + jQuery实现响应式导航

精品推荐
分类导航