您的位置:首页 > 其它

-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>

效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  border-radius box-sh