029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻行业视野  

如何实现好看的弧形图?

2016.07.15

    很多时候好多人都说网站内容不好看,其实不是不好看,而是排版的时候没有用到代码,只是纯文字加图片,那些加背景只能在看到的区域添加,加的颜色可选的也是比较少的。

<section class="tn-Powered-by-XIUMI" style="font-size:14px;line-height:25px;margin:0.5em 0px;padding:0px;max-width:100%;box-sizing:border-box;color:#3e3e3e;border:0px currentcolor;word-wrap:break-word !important;">


<section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;height:16px;word-wrap:break-word !important;">

    <!--上左边角-->

    <section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;border-color:#47c1a8;width:24px;height:16px;border-top-width:6px;border-left-width:6px;border-top-style:solid;border-left-style:solid;float:left;word-wrap:break-word !important;">

    </section>

    <!--上右边角-->

    <section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;border-color:#47c1a8;width:24px;height:16px;border-top-width:6px;border-right-width:6px;border-top-style:solid;border-right-style:solid;float:right;word-wrap:break-word !important;">

    

    </section>

</section>


<!--内容区域-->

<section class="tn-Powered-by-XIUMI" style="margin:-13px 3px;padding:12px;max-width:100%;box-sizing:border-box;word-wrap:break-word;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;border:1px solid #47c1a8;line-height:1.4;word-break:break-all;">


<section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;word-wrap:break-word !important;">

打造文明和谐社区、实现学习型社区环境<br>

        是我们一直努力的方向,如今的西安已然成为具备浓厚文化氛围及现代时尚感相结合的现代化国际大都市,因此教育就尤为重要,英语的重要性不言而喻。

</section>

</section>


<section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;height:16px;word-wrap:break-word !important;">

<!--下左边角-->

<section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;border-color:#47c1a8;width:24px;height:16px;border-bottom-width:6px;border-left-width:6px;border-bottom-style:solid;border-left-style:solid;float:left;word-wrap:break-word !important;">

    </section>

    <!--下右边角-->

    <section class="tn-Powered-by-XIUMI" style="margin:0px;padding:0px;max-width:100%;box-sizing:border-box;border-color:#47c1a8;width:24px;height:16px;border-bottom-width:6px;border-right-width:6px;border-bottom-style:solid;border-right-style:solid;float:right;word-wrap:break-word !important;">

    </section>

</section>


</section>


精彩案例