天空0129 发表于 2017-1-2 23:01:45

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

http://att.discuz.net/data/attachment/forum/201612/04/093521xvp9c9vvl4vsplq5.jpg

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

越来越八卦的我 发表于 2017-1-2 23:01:45

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

k16868k 发表于 2017-1-2 23:01:45

11123123123

过客10112011 发表于 2017-1-2 23:01:45

按照这个DEMO的思路就能实现
<style>
.box{ width:300px; border:#ccc solid 1px; padding:20px; line-height:20px; font-size:14px; margin:50px auto 0 auto;}
.stitle{ position:absolute; margin:-35px 0 0 0; background:#0277A8; color:#fff; height:30px; line-height:30px; padding:0 10px;}
</style>
<div class="box">
<div class="stitle">悬浮的标题</div>
正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容正文内容
</div>复制代码

晴天不说话 发表于 2017-1-2 23:01:45

mingkong 发表于 2016-12-4 13:09
按照这个DEMO的思路就能实现
嗯，谢谢，那标题倾斜呢？

8尘缘非8 发表于 2017-1-2 23:01:45

斯蒂芬 发表于 2018-1-2 07:07:19

相当不错，感谢无私分享精神！

页: [1]