-webkit-border-radius border-radius -webkit-box-shadow的意思
2015-01-07 16:50
423 查看
4000
参考以下博文
点击打开链接
CSS:
.start-comments {
padding: 10px
30px 10px 106px;
position: relative;
}
3293.html
media="all"
.clearfix {
display: block;
}
.comments-con {
border: solid
1px #ccc;
background: #f5f5f5;
padding: 15px
30px 15px 20px;
position: relative;
border-radius: 5px
5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px
5px 5px 5px;
box-shadow: inset
0px 3px 3px 0px #ccc;
-moz-box-shadow: inset 0px 3px 3px 0px #ccc;
-webkit-box-shadow: inset
0px 3px 3px 0px #ccc;
}
源代码:
<div class="comments-con">
<span class="arrow"></span>
<div class="date"><strong>106楼:</strong>
<a rel="nofollow" target="_blank" href="http://www.17sucai.com/space/265438.html" class="blue">想想_41192</a><em>发布于</em>2015-01-06 20:00:22 </div>
<p class="des">不错啊,很好。</p>
</div>
效果:
参考以下博文
点击打开链接
CSS:
.start-comments {
padding: 10px
30px 10px 106px;
position: relative;
}
3293.html
media="all"
.clearfix {
display: block;
}
.comments-con {
border: solid
1px #ccc;
background: #f5f5f5;
padding: 15px
30px 15px 20px;
position: relative;
border-radius: 5px
5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px
5px 5px 5px;
box-shadow: inset
0px 3px 3px 0px #ccc;
-moz-box-shadow: inset 0px 3px 3px 0px #ccc;
-webkit-box-shadow: inset
0px 3px 3px 0px #ccc;
}
源代码:
<div class="comments-con">
<span class="arrow"></span>
<div class="date"><strong>106楼:</strong>
<a rel="nofollow" target="_blank" href="http://www.17sucai.com/space/265438.html" class="blue">想想_41192</a><em>发布于</em>2015-01-06 20:00:22 </div>
<p class="des">不错啊,很好。</p>
</div>
效果:
相关文章推荐
- border-radius 和 box-shadow前加-moz和-webkit
- IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- HTML5结构标签、border-radius、box-shadow与text-shadow
- IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法
- CSS text-shadow,box-shadow,border-radius属性
- HTML5实践 -- 介绍css3中的几个属性:text-shadow、box-shadow 和 border-radius
- box-shadow使用, border-radius使用
- CSS3 GENERATOR可以同时为一个元素完成border-radius、box-shadow、gradient和opacity多项属性的设置
- border-radius和box-shadow和background-image的兼容性问题
- HTML5实践 -- 介绍css3中的几个属性:text-shadow、box-shadow 和 border-radius
- css3 实现圆角边框的border-radius属性和实现阴影效果的box-shadow属性
- 圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
- CSS属性:text-shadow,box-shadow,border-radius
- 让IE8支持CSS3属性(border-radius、box-shadow、linear-gradient)
- CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
- CSS3学习之圆角box-shadow,阴影border-radius
- CSS3 边框 border-radius box-shadow
- 【css技术指南笔记】七章 border-radius box-shadow
- 阴影box-shadow,圆角border-radius,渐变背景background兼容性