ttt

本文介绍了一个关于新房套餐装修网站的导航栏样式设计,包括背景颜色、字体大小和颜色等细节设置。该导航栏包含多个链接,如概述、空间配置、主材、辅材、工期、安装和个性化等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<style>
.head1{ background:rgb(51,51,51); height:49px; min-width:1241px;  width:100%; z-index:100;}
.head1_f{ position:fixed; top:0;background:rgba(51,51,51,.8);}
.head1_t{ background:#efecec;}
.head1_t .head1_1 h1{ color:#000;}
.head1_t .head1_1 h1 span{ padding-left:30px;}
.head1_t .head1_1 ul li a { color:#000;}
.head1_t .head1_1 ul li a.nav_a{ color:#fff;}
.head1_1{ width:1240px; margin:0 auto;}
.head1_1 h1{ line-height:43px;font-weight:normal;color:#fff; font-size:18px; float:left;}
.head1_1 h1 img{ float:left;}
.head1_1 h1 b{ font-weight:normal; padding:0 9px 0 13px;}
.head1_1 h1 span{font-size:18px; }
.head1_1 ul{ float:right; line-height:49px;}
.head1_1 ul li{ float:left; font-size:16px; text-align:center; padding-right:25px;}
.head1_1 ul li.nav_li{ margin:0 29px 0 35px;}
.head1_1 ul li a{ color:#fff; display:block; float:left;}
.head1_1 ul li span{ padding:0 12px; display:none; float:left; }
.head1_1 ul li a.nav_a{ background:#ff4300; height:30px; line-height:30px; margin:10px 0 0 0; float:right; width:99px; border-radius:10px; font-size:18px;}
</style>

  

<div class="head1 head1_t">
<div class="head1_1">
<h1 style="display: block;">
<a><img src="/img/Logo_1.png" style="display: none;"><b style="display: none;">|</b><span>新房套餐</span></a>
</h1>
<ul>
<li style="padding-right: 0px;"><a href="/tc.html">概述</a><span style="display: block;">|</span></li>
<li style="padding-right: 0px;"><a href="/configure.html">空间配置</a><span style="display: block;">|</span></li>
<li style="padding-right: 0px;"><a href="/Material.html">主材</a><span style="display: block;">|</span></li>
<li style="padding-right: 0px;"><a href="/Fucai.html">辅材</a><span style="display: block;">|</span></li>
<!--<li><a href="#">工序</a></li>-->
<li style="padding-right: 0px;"><a href="/day20.html">工期</a><span style="display: block;">|</span></li>
<li style="padding-right: 0px;"><a href="/anzhuang.html">安装</a><span style="display: block;">|</span></li>
<li style="padding-right: 0px;"><a href="/Gxh.html">个性化</a><span style="display: block;">|</span></li>
<!--<li><a href="#">服务</a></li>
<li><a href="#">口碑</a></li>-->
<li style="padding-right: 0px;"><a href="/faqs" target="_blank">装修课堂</a><span style="display: block;">|</span></li>
<li class="nav_li" style="padding-right: 0px;"><a class="nav_a" href="/sales/newhouse">我要预约</a></li>
</ul>
</div>
</div>

转载于:https://www.cnblogs.com/muxueyuan/p/6150633.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值