用相对定位和负向移动完成图片象框阴影
2007-08-30 21:53
253 查看
<style>
.out {
position:relative;
background:#bbb;
margin:10px auto;
width:285px
}
.in {
background:#fff;
border:1px solid #555;
padding:10px 5px;
position:relative;
top:-5px;
left:-5px;
}
</style>
<div class="out"> <div class="in" > <img src="http://www.68design.net/imagelist/06/24/k6xq28872yvo.jpg" alt="" /> </div></div>
.out {
position:relative;
background:#bbb;
margin:10px auto;
width:285px
}
.in {
background:#fff;
border:1px solid #555;
padding:10px 5px;
position:relative;
top:-5px;
left:-5px;
}
</style>
<div class="out"> <div class="in" > <img src="http://www.68design.net/imagelist/06/24/k6xq28872yvo.jpg" alt="" /> </div></div>
相关文章推荐
- 用相对定位和负向移动完成图片象框阴影
- 用相对定位和负向移动完成图片相框阴影
- 定位于网页右边的图片(不随滚动条移动)
- 如何让一副图片在页面加载完成时候出现移动翻转和淡入的效果?
- 移动地图定位软件完成了
- css3实现小米商城鼠标移动图片上浮阴影效果
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- 鼠标移动到图片上显示阴影和图片上的文字
- 鼠标移动到图片上,图片显示阴影边框,其他一些样式积累
- div+css布局控制div定位浮动层在背景图片上的半透明阴影效果
- 图片以及图片阴影移动
- HTML鼠标移动到图片上时显示阴影边框
- 图片作为背景,登陆页面相对定位
- jQuery定位图片在页面没有完全加载完成的时候无法居中
- background-position: -192px -48px;//图片定位详解
- JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现(如果因为网络或图片的原因发生异常,则显示该图片)~
- c#窗体移动与窗体阴影效果
- SpriteBuilder中子节点的相对位置(%百分比定位)
- android画出图片阴影!!!!!!!!!!!!!!