首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

这种浮动在边框边缘的效果如何做

2014-01-23 
这种浮动在边框边缘的效果怎么做?像这种效果,请问有没有bootstrap的控件呢?或者用普通的css怎么布局?[解决

这种浮动在边框边缘的效果怎么做?
这种浮动在边框边缘的效果如何做
像这种效果,请问有没有bootstrap的控件呢?或者用普通的css怎么布局?
[解决办法]


<style type="text/css">
*{margin:0;padding:0}
.box{position:relative;width:400px;height:300px;background:#fafafa;border:1px solid #ccc;margin:50px 0 0 50px}
.arrow{position:absolute;top:-20px;right:0;width:50px;height:50px;background:#f00;color:#fff;}
</style>


<div class="box">
<div class="arrow">右上角</div>
    <p>中华人民共和国中华人民共和国</p>
</div>

把arrow里的换成你右上角的图。。

热点排行