网页广告样式设计-深圳网商在线网站建设公司

您的位置：首页 > 新闻

网页广告样式设计

新闻 2023-10-03编辑：深圳网站建设阅读（）标签：广告

网页广告样式设计,用于服务行业,空调拆洗,搬家, 法律服务,都可以.电脑PC及手机端都可以使用,颜色可改,很不错的一款广告代码.纯文字服务样式代码如下.可以自定义加载多个广告.

<style>
.repair-service{border-radius:0.12rem;overflow:hidden;margin:0 0.4rem 0.4rem}
.repair-zmn{background-image:linear-gradient(180deg,#AAE5FF 0%,#E5F5FC 31%,#E5F5FC 100%);}
.repair-fc{background-image:linear-gradient(180deg,#BFFA9D 0%,#F1FAE6 39%,#F1FAE7 100%);}
.repair-th{height:0.82rem;display:flex;justify-content:center;align-items:center;}
.repair-th .repair-mark{display:flex;align-items:center;}
.repair-th .repair-logo{width:1.57rem;height:0.6rem;margin-right:0.24rem;}
.repair-zmn .logo{background:url('/sale/bk/art/2023/07/images/logo-zmn.png') center no-repeat;background-size:1.57rem;}
.repair-fc .logo{background:url('/sale/bk/art/2023/07/images/logo-fc.png') center no-repeat;background-size:1.4rem;}
.repair-tit{padding-left:0.24rem;height:0.44rem;border-left:1px solid rgba(0,0,0,0.1);line-height:0.44rem;font-size:0.28rem;color:#333;font-weight:bold;}
.repair-bd{background-color:#fff;border-radius:0.12rem;margin:0 0.08rem 0.08rem;padding:0.2rem;font-size:0.28rem;}
.repair-bd .list{line-height:0.42rem;display:flex;padding:0.08rem 0;}
.repair-bd span{color:#999999;}
.repair-bd .list i{color:#333333;flex:1;overflow:hidden;}
.repair-bd .btn-box{display:flex;justify-content:center;padding:0.12rem 0 0.08rem;}
.repair-bd .btn-box a{box-sizing:border-box;width:2.9rem;height:0.6rem;border:0.02rem solid;border-radius:0.08rem;margin:0 0.16rem;text-align:center;line-height:0.58rem;font-weight:500;}
.repair-bd .btn-box .want-repair{color:#fff;}
.repair-zmn .btn-box a{color:#009FE8;border-color:#009FE8;}
.repair-zmn .repair-bd .want-repair{background:#009FE8;}
.repair-fc .btn-box a{color:#86D025;border-color:#86D025;}
.repair-fc .repair-bd .want-repair{background:#86D025;}
</style>
<div class="repair-service repair-zmn" data-ad="818">
	<div class="repair-th">
		<div class="repair-mark">
			<i class="repair-logo logo"></i><em class="repair-tit">空调维修服务</em>
		</div>
	</div>
	<div class="repair-bd">
		<p class="list">
			<span>营业时间：</span><i>7*24小时（免费预约）</i>
		</p>
		<p class="list">
			<span>维修范围：</span><i>挂机空调维修、柜机空调维修、家用中央空调维修等</i>
		</p>
		<p class="list">
			<span>服务保障：</span><i>标准价格、极速上门、技术精湛</i>
		</p>
		<p class="btn-box">
			<a onclick="goToYuyue('//pdlib.pconline.com.cn/product/intf/woodpecker/load.jsp?location=wap',816)" class="btn">预约维修</a><a href="tel:400-018-8151" class="btn want-repair" onclick="setCustomAD(817)">400-018-8151</a>
		</p>
	</div>
</div>
<div class="repair-service repair-fc" data-ad="1083">
	<div class="repair-th">
		<div class="repair-mark">
			<i class="repair-logo logo"></i><em class="repair-tit">空调维修服务</em>
		</div>
	</div>
	<div class="repair-bd">
		<p class="list">
			<span>营业时间：</span><i>24小时客服在线（免费预约）</i>
		</p>
		<p class="list">
			<span>维修范围：</span><i>挂机维修、柜机维修、中央空调维修</i>
		</p>
		<p class="list">
			<span>维修项目：</span><i>更换辅件、调试、加氟、加雪种、更换压缩机、更换控制板、内漏维修等</i>
		</p>
		<p class="list">
			<span>服务保障：</span><i>价格透明、10分钟联系，丰巢到家—4亿用户选择</i>
		</p>
		<p class="btn-box">
			<a onclick="goToYuyue('https://cs-h5.fcbox.com/fc_customer_system/app/#/?channelNumber=shfw-wx-tpykjw',1081)" class="btn">预约维修</a><a href="tel:4000002154" class="btn want-repair" onclick="setCustomAD(1082)">4000002154</a>
		</p>
	</div>
</div>