CSS实现阴影效果
来源:互联网 发布:淘宝网药店 编辑:程序博客网 时间:2024/06/11 16:49
<STYLE>
.out {
display:block;
background:#bbb;
border:1px solid #ddd;
position:relative;
margin:1em 0;
}
.in {
text-align:center;
background:#fff;
border:1px solid #555;
position:relative;
padding:5px;
font-weight:normal;
}
.ltin {
left:-5px;
}
.tpin {
top:-5px;
}
.narrow {width:8em;}
h4 {font-weight:bold; color:#000;}
</STYLE>
<DIV class="out narrow"> <DIV class="in ltin tpin"> <H4>Narrow</H4> <P>This is the text that goes in the middle.</P> </DIV> </DIV>
.out {
display:block;
background:#bbb;
border:1px solid #ddd;
position:relative;
margin:1em 0;
}
.in {
text-align:center;
background:#fff;
border:1px solid #555;
position:relative;
padding:5px;
font-weight:normal;
}
.ltin {
left:-5px;
}
.tpin {
top:-5px;
}
.narrow {width:8em;}
h4 {font-weight:bold; color:#000;}
</STYLE>
<DIV class="out narrow"> <DIV class="in ltin tpin"> <H4>Narrow</H4> <P>This is the text that goes in the middle.</P> </DIV> </DIV>
- CSS实现阴影效果
- CSS实现阴影效果
- CSS实现阴影效果
- css实现阴影效果
- css实现阴影框效果
- CSS实现图片阴影效果
- 纯css实现阴影效果
- css阴影效果实现方法
- 用 CSS 实现的阴影效果
- 用 CSS 实现的阴影效果
- 用 CSS 实现的阴影效果
- 用 CSS 实现的阴影效果
- 纯CSS文本阴影效果实现
- 用 CSS 实现的阴影效果
- 用 CSS 实现的阴影效果
- CSS实现图片阴影效果三部曲
- Div+Css实现边框阴影效果
- DIV+CSS:实现文本阴影效果示例;
- 用可变参数宏(variadic macros)传递可变参数表
- 用C#实现生成PDF文档
- Compostion模式
- linux 操作
- NUTCH研究系列2——剖析NUTCH爬虫(收藏)
- CSS实现阴影效果
- 盘口技术大全(二): 盘口语言
- Edit框最大能输入多少个字符
- GIF验证码类
- asp.net2.0中获得web.config中数据库连接字符串的2种方法
- 内存泄露调试技巧(转)
- osworkflow基础入门部分汇总(基本概念,包用途分析及代码片断,表结构分析,主要优势,核心概念)
- DL game engine reference document
- 盘口技术大全(三): 集合竞价与开盘