心灵甘露

 找回密码
 立即注册
搜索
查看: 1796|回复: 0

底色边框

[复制链接]

261

主题

261

帖子

4万

积分

超级版主

Rank: 8Rank: 8

积分
45588
发表于 2021-4-21 14:15:09 | 显示全部楼层 |阅读模式
本帖最后由 知行和一 于 2021-6-23 16:05 编辑

<section style="margin:10px 0px;">
        <section style="border-top:solid 3px #99c299;">
            <section style="margin:5px 0px 0px;">
                <section style="background-color: #eaf4ea; padding: 14px; text-align: center;">
                    <section style="display: flex;justify-content:space-between;align-items:center;">
                        <section style="width:10px;height:10px;border-top:solid 1px #99c299;border-left:solid 1px #99c299;"></section>
                        <section style="width:10px;height:10px;border-top:solid 1px #99c299;border-right:solid 1px #99c299;"></section>
                    </section>
                    <section style="display: flex; justify-content: center; align-items:center;">
                        <section style="width:40px;height:2px;background-color:#719a71;"></section>
                        <section>
                            <section style="display: flex; justify-content: center; align-items:center;">
                                <section style="margin-left:10px;background-color:#719a71;border-radius:50%;width:32px;height:32px;color:#fff;line-height:30px;">
                                    <p>
                                        <span style="font-size: 20px;">精</span>
                                    </p>
                                </section>
                                <section class="_li" style="margin-left:5px;background-color:#719a71;border-radius:50%;width:32px;height:32px;color:#fff;line-height:30px;">
                                    <p>
                                        <span style="font-size: 20px;">彩</span>
                                    </p>
                                </section>
                                <section class="_li" style="margin-left:5px;background-color:#719a71;border-radius:50%;width:32px;height:32px;color:#fff;line-height:30px;">
                                    <p>
                                        <span style="font-size: 20px;">開</span>
                                    </p>
                                </section>
                                <section class="_li" style="margin-left:5px;background-color:#719a71;border-radius:50%;width:32px;height:32px;color:#fff;line-height:30px;">
                                    <p>
                                        <span style="font-size: 20px;">示</span>
                                    </p>
                                </section>
                            </section>
                        </section>
                        <section style="margin-left:10px;width:40px;height:2px;background-color:#719a71;"></section>
                    </section>
                    <section style="color:#719a71;padding:0px 10px;font-size: 15px; letter-spacing: 2px; line-height: 1.75em;margin:10px 0px 0px;text-align: left;">
                        <p>
                            <span style="font-size: 17px; color: #000000;">内容部分。</span>
                        </p>
                        <p>
                            <span style="color: #000000;">(字号17,可自行设置)</span>
                        </p>
                        <p>
                            <br/>
                        </p>
                        <p>
                            <span style="font-size: 17px; color: #000000;">内容部分</span>
                        </p>
                        <p>
                            <span style="font-size: 17px; color: #000000;"><br/></span>
                        </p>
                    </section>
                    <section style="display: flex;justify-content:space-between;align-items:center;">
                        <section style="width:10px;height:10px;border-bottom:solid 1px #99c299;border-left:solid 1px #99c299;"></section>
                        <section style="width:10px;height:10px;border-bottom:solid 1px #99c299;border-right:solid 1px #99c299;"></section>
                    </section>
                </section>
            </section>
            <section style="width:3em;margin-left:auto;margin-top:-36px;transform: rotatez(0deg);margin-right:20px;">
                <img src="http://s1.im-dangdang.com/online/20210421/675ADCE3414BD94EE86E35452EB7D431.png?x-oss-process=image/resize,m_lfit,h_41,w_63/format,webp" style="display: block; width: auto; height: auto;" alt="" title=""/>
            </section>
        </section>
    </section>
</section>
<section class="_editor">

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|心灵甘露

GMT+8, 2024-11-28 01:35 , Processed in 0.099229 second(s), 21 queries .

Powered by 心灵甘露 X3.4

© 2001-2020 心灵甘露

快速回复 返回顶部 返回列表