我是靠谱客的博主 醉熏凉面,最近开发中收集的这篇文章主要介绍案例:京东登录页面css创建,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

京东登录页面

效果图

在这里插入图片描述

一、整体html代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 设置标题 -->
		<title>京东-欢迎登录</title>
		<!-- 设置图标 -->
		<link rel="icon" href="img/jd_logo.ico">
		
		<!-- 导入外部样式 -->
		<link rel="stylesheet" href="css/login.css">
		<link rel="stylesheet" href="css/login-Top.css">
		<link rel="stylesheet" href="css/login-Middle.css">
		<link rel="stylesheet" href="css/login-Bottom.css">
        
	</head>
    
  
	<body>
        
        
		<!--------------------- 网页最顶部部分 ----------------------------->
		<div id="top-box">
			<!----------- 放网页logo部分 ------------>
			<div id="logo-box">
				<div>
					<a href="https://www.jd.com/cu=true&utm_source=dgpage.dsztfso.cn&utm_medium=tuiguang&utm_campaign=t_2018529520_&utm_term=72e0f8f36939447c9ca2561c75315ca7">
						<img src="img/logo.png" alt="">
						</a>
					<img src="img/l-icon.png" alt="">
				</div>
				
				<a href="https://wj-dongjian.jd.com/q/61a05143f2ec2b00b35e40a6">登录页面,调查问卷</a>
				
			</div>
			
			
			
			<!------------- 放隐私政策部分 ------------>
			<div id="privacy-box">
				<p>
					<img src="img/warning.png" alt="">
					依据《网络安全法》,为保障您的账户安全和正常使用,请尽快完成手机号验证! 新版<a target="_blank" href="https://about.jd.com/privacy/">《京东隐私政策》</a>已上线,将更有利于保护您的个人隐私。
				</p>
				
			</div>
		</div>
		
		
		
		<!--------------------------- 网页中间部分 ---------------------------->
		<div id="middle-box">
			<!-- 中间大盒子 -->
			<div>
				<!-- 上面放登录按钮的部分 -->
				<div id="btn-box">
					<p>
						<img src="img/warning.png" alt="">
						京东不会以任何理由要求您转账汇款,谨防诈骗。
					</p>
					<div>
						<button>扫码登录

最后

以上就是醉熏凉面为你收集整理的案例:京东登录页面css创建的全部内容,希望文章能够帮你解决案例:京东登录页面css创建所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部