请选择 进入手机版 | 继续访问电脑版

爱站论坛 - 提供最新免费网站源码、网站模板,站长资源交流分享平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
 
查看: 19903|回复: 86

[HTML] 网站页面之定做流程美化代码(自适应网站)

[复制链接]

422

主题

435

帖子

5334

积分

管理员

Rank: 9Rank: 9Rank: 9

经验
738
积分
1104
金币
2314
现金
0
发表于 2019-6-26 11:16:01 | 显示全部楼层 |阅读模式
需要几个添加即可即可  简单样式也不错 分享出来了
QQ图片20190626111504.png
代码如下 复制到你网站想要的位置即可

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">01</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        需求沟通<br />
                        133-1684-0419</p>
        </li>
</ul>

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">02</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        上门量尺<br />
                        提供餐厅规划图</p>
        </li>
</ul>
<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">03</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        风格设计<br />
                        提供解决方案</p>
        </li>
</ul>

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">04</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        色彩搭配<br />
                        确定产品款式</p>
        </li>
</ul>
<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">05</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        签订合同<br />
                        预付50%定金</p>
        </li>
</ul>

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">06</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        生产打样<br />
                        配套工程协调</p>
        </li>
</ul>
<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">07</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        确定样板<br />
                        开展生产制造</p>
        </li>
</ul>

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">08</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        质量把控<br />
                        准时产品交付</p>
        </li>
</ul>

<ul style="margin: 0px; padding-right: 0px; padding-left: 0px; color: rgb(102, 102, 102); font-family: "Microsoft YaHei"; font-size: 14px;">
        <li style="margin: 0px 44px 25px 0px; padding: 0px; list-style: none; overflow: hidden; width: 266px; height: 95px; border: 1px solid rgb(201, 201, 201); background: url("/style/images/tec_wb-1.gif") repeat-x; float: left;">
                <span class="fl" style="float: left; display: block; width: 80px; height: 95px; background: rgb(130, 130, 130); text-align: center; line-height: 95px; font-size: 40px; font-family: Arial; color: rgb(255, 255, 255); font-weight: bold;">09</span>
                <p class="fl" style="margin: 15px 0px; padding: 20px 0px 0px; word-spacing: -1.5px; float: left; width: 182px; font-size: 20px; font-family: "Microsoft Yahei"; line-height: 28px; text-align: center; color: rgb(51, 51, 51);">
                        一次制定<br />
                        终身维护</p>
        </li>
</ul>

0

主题

0

帖子

19

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
1
积分
8
金币
9
现金
0
QQ
发表于 2019-6-26 18:06:17 | 显示全部楼层
那个教下我如何百度网盘下载速度快呀
回复

使用道具 举报

0

主题

0

帖子

17

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
1
积分
7
金币
8
现金
0
QQ
发表于 2019-6-27 23:19:49 | 显示全部楼层
非常不错,感谢分享!
回复

使用道具 举报

0

主题

0

帖子

31

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
7
积分
8
金币
9
现金
0
QQ
发表于 2019-6-30 11:17:01 | 显示全部楼层
前来围观,LZ好样的!
回复

使用道具 举报

0

主题

0

帖子

23

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
6
积分
9
金币
2
现金
0
QQ
发表于 2019-7-1 09:35:53 | 显示全部楼层
楼主好人呀,看帖子的都要要发表下看法
回复

使用道具 举报

0

主题

0

帖子

21

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
6
积分
4
金币
5
现金
0
QQ
发表于 2019-7-2 09:36:30 | 显示全部楼层
顶起  很好的帖
回复

使用道具 举报

0

主题

0

帖子

17

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
5
积分
1
金币
6
现金
0
QQ
发表于 2019-7-3 06:58:19 | 显示全部楼层
期待中......下载看看
回复

使用道具 举报

0

主题

0

帖子

24

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
9
积分
3
金币
3
现金
0
QQ
发表于 2019-7-7 02:06:47 | 显示全部楼层
楼主好人呀,看帖子的都要要发表下看法
回复

使用道具 举报

0

主题

0

帖子

26

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
8
积分
7
金币
3
现金
0
QQ
发表于 2019-7-8 15:28:47 | 显示全部楼层
楼主好人呀,看帖子的都要要发表下看法
回复

使用道具 举报

0

主题

0

帖子

24

积分

VIP会员

Rank: 7Rank: 7Rank: 7

经验
9
积分
3
金币
3
现金
0
QQ
发表于 2019-7-9 15:00:02 | 显示全部楼层
前来支持,我爱你楼主
回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 请记住我们的永久域名 www.aizhan8.com
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|广州爱站网络科技有限公司|Archiver|手机版|小黑屋|爱站源码论坛 ( 豫ICP备19005303号-1 )

GMT+8, 2024-3-29 14:54 , Processed in 1.187500 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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