免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

section

大标题


文字开始……。



dot.gif




(此代码只适合chrome浏览器)

本帖最後由 rainbow 於 2020-6-13 11:58 編輯

用section做边框


代码:
<div align="center">
<div style="width:800px">
<section style="font-size: 16px;border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;">
<section class="layout" style="margin: 5px auto;">
<section style="font-size: 14px;margin-right: 80px;margin-left: 80px;font-family: Helvetica, Arial, sans-serif;">
<section style="display: inline-block;float: left;">
<section style="width: 0.6em;height: 1.4em;display: inline-block;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
<section style="width: 0.6em;height: 1.4em;display: inline-block;margin-left: 0.2em;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
</section>
<section style="text-align: right;">
<section style="width: 0.6em;height: 1.4em;display: inline-block;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
<section style="width: 0.6em;height: 1.4em;display: inline-block;margin-left: 0.2em;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
</section>
</section>
<section style="padding: 30px;margin-top: -0.9em;background-color: #D6FFE4;box-sizing: border-box;">
<section class="135brush" style="border-width:6px;border-style:double; border-color: #003300;padding: 20px 15px; box-sizing:border-box; border-radius:20px">
<p align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #006600; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p><br>
<p style="padding-left:20px; padding-right:20px" align=left>
<span style="FONT: bold 30px/140% kaiti; COLOR: #005500">文字开始……。</span></p>
<br><br>
<p align=center><img src="https://s1.ax1x.com/2020/06/13/tjQDHO.gif" alt="dot.gif" width=300></p><br>
</section></section>
</section></section>
</div></div>
<br><br>

dot.gif




TOP

大标题

文字开始……。




TOP

大标题

文字开始……。





TOP

大标题

文字开始……。





TOP

本帖最後由 rainbow 於 2020-6-13 19:50 編輯


大标题


文字开始……。



TOP

明天会更好



TOP

大标题


文字開始……。


TOP

本帖最後由 rainbow 於 2020-6-18 21:17 編輯


大标题

文字開始……。






TOP



大标题

文字開始……。






TOP



大标题

文字開始……。






TOP




section


 section是HTML5中的新标签。

 section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。




TOP




section


 section是HTML5中的新标签。

 section标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。




TOP

大标题


 文字开始……。




TOP

clip

















大标题

文字開始……。









TOP

返回列表