有谁知道如何实现帖子样式？

很喜欢那小标题扣住段落的样式。有谁知道如何css实现的？

来自这个网站的：
https://buluo.qq.com/p/detail.html?bid=36648&pid=2628006-1446053961

11123123123

按照这个DEMO的思路就能实现

1. <style>
   
2. .box{ width:300px; border:#ccc solid 1px; padding:20px; line-height:20px; font-size:14px; margin:50px auto 0 auto;}
   
3. .stitle{ position:absolute; margin:-35px 0 0 0; background:#0277A8; color:#fff; height:30px; line-height:30px; padding:0 10px;}
   
4. </style>
   
5. <div class="box">
   
6. <div class="stitle">悬浮的标题</div>
   
7. 正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容
   
8. </div>

复制代码

mingkong 发表于 2016-12-4 13:09
按照这个DEMO的思路就能实现

嗯，谢谢，那标题倾斜呢？

昆特斯 发表于 2016-12-4 13:24
嗯，谢谢，那标题倾斜呢？

在标题部分使用图片代替，或者用CSS3的旋转功能