Html+Css实现 启橙装饰网 项目
本文共 6913 字，大约阅读时间需要 23 分钟。
启橙装饰 联系电话：0573-11828638
- 关于我们
- 联系我们
快速在线预约
免费上门量房
量身定制方案
签订合同
靠谱施工全程监管
竣工验收
为什么要3家装修公司PK
为什么选择启橙口碑装修
启橙如何确保口碑装修
启橙优选口碑装修公司
TA们都选择了启橙装饰
太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 太原的 李小姐 一站式整装包 装修监理上门水电验收 2018/08/031 免费申请口碑装修 提交您的信息专业家装顾问1对1服务 装修咨询热线：0351-2154753  商家加盟热线：0351-2154756
周一到周日：8：30-24：00 晋ICP备 1007809号-1 山西独特壹家装饰工程有限公司 版权所有
（CSS修饰类）
/* 首页样式 *//* 顶部样式 */.top{ background-color: #444444;}.top_content{ width: 1200px; height: 35px; line-height: 35px; margin: 0 auto; text-align: right; color:#ffffe1; font-size: 18px;}.nav{ background-color: #ffffff; width: 1200px; margin: 0 auto;}.nav_content{ overflow: hidden;}.nav_content img{ float: left; margin-top: 13px;}.nav_content ul{ float: right;}.nav_content ul li{ float: left; margin-left: 60px; line-height: 80px;}.nav_content_selected{ color:red}.banner{ margin: 0 auto;}.banner img{ width: 100%;}.process{ padding: 80px 0;}.process_content{ width: 1200px; margin: 0 auto; overflow: hidden;}.process_content li{ float: left; width: 196px; text-align: center; font-size: 17px; background-image: url(../img/arrow.png) ; background-position: right center; background-repeat:no-repeat ;}.process_content li p{ padding: 0px 0;}.P-last{ background-image:none ;}.pk{ height: 659; background-color: #f2f2f1;}.pk p{ padding: 80px 0; font-size: 40px ; text-align: center;}.pk_content{ width: 1200px; overflow: hidden; padding-bottom: 82px; text-align: center;}.pk_content li{ float: left; margin: 0 auto; width: 373px; padding:10px}.praise{ }.praise p{ padding: 80px 0; font-size: 36px ; text-align: center; color: #333333;}.praise_content{ width: 1200px; overflow: hidden; padding-bottom: 82px; text-align: center;}.praise_content li{ float: left; margin: 0 auto; padding: 7px; width: 386px;}.service{ background-color: #F2F2F1;}.service p{ padding: 80px 0; font-size: 36px ; text-align: center; color: #333333;}.service_content{ width: 1200px; overflow: hidden; padding-bottom: 82px; text-align: center;}.service_content li{ float: left; margin: 0 auto; padding: 8px; width: 283px;}.recommend{ }.recommend p{ padding: 80px 0; font-size: 36px ; text-align: center; color: #333333;}.recommend_content { width: 1200px; overflow: hidden; padding-bottom: 82px; text-align: center;}.recommend_content li{ float: left; margin: 0 auto; padding: 8px; width: 384px;}.customer{ height: 650px; background-color: #F2F2F1; overflow: hidden;}.customer p { padding: 80px 0; font-size: 36px ; text-align: center; color: #333333;}.customer_table{ float: left; background-color: #FFFFFF; width: 690px; height: 340px; color: #333333; font-size: 14px; line-height: 45px; margin-left: 260px; border: 1px solid #333333; border-radius:20px ; margin-bottom: 80px;}.customer_table ul li{ border-bottom:1px dashed #000; padding-left: 50px;}.customer_table .add tr td{ border-bottom:1px dashed #000; padding-left: 50px;}.customer_table_end{ border-bottom:none;}.customer_input{ float: left; width: 290px; height: 340px; margin-left: 30px; background-color: #FFFFFF; margin-right: 260px; border: 1px solid #333333; border-radius:10px ; text-align: center; overflow: hidden;}.customer_input p1{ line-height: 36px; font-size: 20px; color: #fa4c07; }.customer_input p2{ line-height: 36px; font-size: 14px; color: #bbbbc1;}#ina{ margin-top: 14px; height: 36px; width: 226px; border: 1px solid #bbbbc1; border-radius:10px; font-size: 15px; color: #bbbbc1;}#inb{ margin-top: 14px; height: 36px; width: 226px; background-color:#fa4c07 ; border: 1px solid #bbbbc1; border-radius:10px; font-size: 15px; color: white;}.footer{ background-color: rgb(68,68,68); overflow: hidden;}.footer_ul{ padding-top: 40; width: 1200px;}.footer_ul li{ color: #FFFFFF; float: left; margin-left: 60px; line-height: 80px; font-size: 17;}.footer p{ color: #FFFFFF; margin-left: 60px; text-align: left;}.footer_content{ float: right; text-align: center; padding-right: 160px; padding-bottom: 10px;}.footer_content img{ width: 110;}.footer_content p{ color: #ffffff; font-size: 13px; padding-top: 16px;}.footer_content p2{ color: #b2ccb2; font-size: 10px;}.bottom{ background-color: black;}.bottom_content{ background-color: black; width: 100%; height: 56px; line-height: 56px; margin: 0 auto; text-align: center; color:#ccab7d; font-size: 13px;} 以及一个通用清除默认格式的css：
/* 公共的样式，清除默认样式 *//*公共样式*/body{ font-family: "MicrosoftYaHei";}body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,table,tr,td{ margin: 0; padding: 0;}ul,ol{ list-style: none;}a{ text-decoration: none; color: inherit;}h2{ font-size: 36px; font-weight: 400; color: rgba(51, 51, 51, 1);}.fl{ float: left;}.fr{ float: right;}.clear:after{ display: block; content: ""; clear: both;} 相关素材：
链接：https://pan.baidu.com/s/1OFcjRbHKhA19g4famQr2Rg 提取码：1231 复制这段内容后打开百度网盘手机App，操作更方便哦--来自百度网盘超级会员V4的分享
转载地址：http://qfuhf.baihongyu.com/
你可能感兴趣的文章
Leetcode C++《热题 Hot 100-29》22.括号生成
查看>>
阿里云《云原生》公开课笔记 第四章 理解Pod和容器设计模式
查看>>
阿里云《云原生》公开课笔记 第五章 应用编排与管理
查看>>
阿里云《云原生》公开课笔记 第七章 应用编排与管理：Job和DaemonSet
查看>>
阿里云《云原生》公开课笔记 第八章 应用配置管理
查看>>
Leetcode C++《每日一题》20200625 139. 单词拆分
查看>>
Leetcode C++《每日一题》20200626 338. 比特位计数
查看>>
Leetcode C++ 《拓扑排序-1》20200626 207.课程表
查看>>
Go语言学习Part1：包、变量和函数
查看>>
Go语言学习Part2：流程控制语句：for、if、else、switch 和 defer
查看>>
Go语言学习Part3：struct、slice和映射
查看>>
Go语言学习Part4-1：方法和接口
查看>>
Leetcode Go 《精选TOP面试题》20200628 69.x的平方根
查看>>
leetcode 130. Surrounded Regions
查看>>
【Python】详解Python多线程Selenium跨浏览器测试
查看>>
Jmeter之参数化
查看>>
Shell 和Python的区别。
查看>>
【JMeter】1.9上考试jmeter测试调试
查看>>
【虫师】【selenium】参数化
查看>>
【Python练习】文件引用用户名密码登录系统
查看>>