导航

« 宽带错误提示 678 找不到netcfg.hlp文件英文名著推荐 30本  »

Div Css 设置边框阴影

Css

用Div和Css可以设置简单的边框阴影,如果把图片放在里面,还有相框的特色

效果(图片边缘部分)

代码如下

<head>
<title>Div+Css阴影边框</title>
<style type="text/css">
.sdow1 {
 border: 1px solid #F7F7F7;
 padding: 1px;
 height: 182px;
 width: 304px;
 text-align: center;
 background-color: #F0F0F0;
 color: #E8E8E8;
}
.sdow2 {
 border: 1px solid #E0E0E0;
 height: 178px;
 width: 300px;
 padding: 1px;
 background-color: #FFF;
}
</style>
</head>

<body>

<div class="sdow1">
<div class="sdow2">
Div+Css阴影边框
</div>
</div>
</body>

如果感觉影响不明显,可以设置div边框及背景色,还要以再加几个div以实现大的阴影效果

  • 顶一下

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    常用链接

    ADArea

    最近发表

    Powered By Z-Blog 1.8 Walle Build 91204

    Copyright spersky All Rights Reserved.Theme Moonlihgt,Calf modified。