当前位置 : 首页 > 代码 > 网页特效 > div css > div css用户服务需求图文布局代码

VIP商用 div css用户服务需求图文布局代码

大气的开源商城系统用户服务需求图片文字排列布局效果代码,这是一款div css制作的实用创意的图文布局代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>

2、body引入HTML代码

<div class="role">
	<div class="w1200">
		<!--左边-->
		<div class="left">
			<h3>满足多角色需求</h3>
			<p>人人都需要的开源商城系统</p>
			<a href="#">立即下载试用</a>
		</div>
		<!--右边-->
		<div class="right">
			<!--列表1-->
			<div class="list">
				<ul>
					<li>
						<div class="list_pic">
							<img src="statics/images/pic1.png"/>
						</div>
						<h4>用户</h4>
						<p>PC端城+APP商城+微商城多终端浏览、下单、在线支付...</p>
					</li>
					<li>
						<div class="list_pic">
							<img src="statics/images/pic2.png"/>
						</div>
						<h4>开发者</h4>
						<p>完全开源,没有加密,帮助程序员建立完整的架构思路</p>
					</li>							
				</ul>
			</div>
			<!--列表2-->
			<div class="list list2">
				<ul>
					<li>
						<div class="list_pic">
							<img src="statics/images/pic3.png"/>
						</div>
						<h4>企业</h4>
						<p>订单管理/会员积分/统一支付/团购/满减...获得大销量</p>
					</li>
					<li>
						<div class="list_pic">
							<img src="statics/images/pic4.png"/>
						</div>
						<h4>服务商</h4>
						<p>提供小米/京东/天猫等上百个大牌模板,免费安装,想换就换</p>
					</li>							
				</ul>						
			</div>
		</div>
	</div>
</div>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

推荐标签

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了