【收藏】好看的文章内容页边框框架

  • 内容
  • 相关
<section class="editor selected">
    <fieldset style="border: 0px;box-sizing: border-box;padding: 0px;margin: 5px 0;">
        <section style="height: 1em; box-sizing: border-box;">
            <section class="96wx-bdc" style="height: 100%; width: 1.5em; float: left; border-top-width: 0.4em; border-top-style: solid; border-color: rgb(30, 178, 225); border-left-width: 0.4em; border-left-style: solid; box-sizing: border-box;"></section>
            <section class="96wx-bdc" style="height: 100%; width: 1.5em; float: right; border-top-width: 0.4em; border-top-style: solid; border-color: rgb(30, 178, 225); border-right-width: 0.4em; border-right-style: solid; box-sizing: border-box;"></section>
            <section style="display: inline-block; color: transparent; clear: both; box-sizing: border-box;"></section>
        </section>
        <section class="96wx-bdc" style="margin: -0.8em 0.1em -0.8em 0.2em; padding: 0.8em; border: 1px solid rgb(30, 178, 225); border-radius: 0.3em; box-sizing: border-box;">
            <p style="color: rgb(51, 51, 51); font-size: 1em; line-height: 1.4; word-break: break-all; word-wrap: break-word; text-indent: 2em;">
                <span style="color: rgb(255, 0, 0); font-size: 16px;">本月推荐:XXXXX,每天做任务赚几十元!</span>
            </p>
            <p style="color: rgb(51, 51, 51); font-size: 1em; line-height: 1.4; word-break: break-all; word-wrap: break-word; text-indent: 2em;">
                <span style="color: rgb(255, 0, 0); font-size: 16px;">教程地址:</span><a href="https://blog.52damu.com/" _src="https://blog.52damu.com/" target="_blank" style="text-decoration: underline; color: rgb(255, 0, 0); font-size: 16px;"><span style="color: rgb(255, 0, 0); font-size: 16px;">https://blog.52damu.com/</span></a>
            </p>
        </section>
        <section style="height: 1em; box-sizing: border-box;">
            <section class="96wx-bdc" style="height: 100%; width: 1.5em; float: left; border-bottom-width: 0.4em; border-bottom-style: solid; border-color: rgb(30, 178, 225); border-left-width: 0.4em; border-left-style: solid; box-sizing: border-box;"></section>
            <section class="96wx-bdc" style="height: 100%; width: 1.5em; float: right; border-bottom-width: 0.4em; border-bottom-style: solid; border-color: rgb(30, 178, 225); border-right-width: 0.4em; border-right-style: solid; box-sizing: border-box;"></section>
        </section>
    </fieldset>
</section>

从别人站点扒下来的,觉得很好看就拿来了收藏分享

代码演示可以到工具箱里看:httpss://tool.52damu.com/run/

本文标签:

版权说明:本文为转载文章,来源于《 》由本站整编

本文链接:【收藏】好看的文章内容页边框框架 - https://blog.52damu.com/wangyedaima/1062.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知