A神在线网站

最新推荐文章于 2022-02-12 12:52:46 发布
最新推荐文章于 2022-02-12 12:52:46 发布
阅读量555 收藏
点赞数
分类专栏： css 文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42378409/article/details/103626910
版权 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>A神在线</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header w">
		<!-- logo -->
	<div class="logo">
		<img src="images/logo.png">
	</div>
	<!-- 导航栏nav -->
	<div class="nav">
	<ul>
		<li><a href="#">首页</a></li>
		<li><a href="#">课程</a></li>
		<li><a href="#">职业规划</a></li>
	</ul>
	<!-- 导航栏结束 -->
	</div>
	<!-- input表单 -->
	<div class="search">
		<input type="text" value="请输入内容">
		<button><a href="#"></a></button>
	</div>
	<!-- 表单结束 -->

	<!-- 用户名开始 -->
	<div class="user">
		<img src="images/user.jpg">
		Agod0529
		<!-- 用户结束 -->
	</div>

	<!-- 头部结束 -->
	</div>

	<!-- banner开始 -->
	<div class="banner">
		<div class= "w">
		<div class="zuo">
		<ul>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
			<li><a href="#">前端学习<span>></span></a></li>
		</ul>
		</div>
		<div class="course">
			<div class="course-hd">我的课程表</div>
			<div class="course-bd">
				<ul>
				<li><h4>Agod继续学习前端技术</h4><span>正在学习-使用对象</span></li>
				<li><h4>Agod继续学习前端技术</h4><span>正在学习-使用对象</span></li>
				<li><h4>Agod继续学习前端技术</h4><span>正在学习-使用对象</span></li>
				</ul>
				<div class="all"><a href="#" >全部课程</a></div>
				
			</div>
		</div>
			
			
		</div>
		<!-- banner结束 -->
	</div>


	<!-- goods开始 -->
	<div class="goods w">
		<h3>精品推荐</h3>
		<div class="goods-item">
			| <a>jquery</a>
			| <a>jquery</a>
			| <a>jquery</a>
			| <a>jquery</a>
			| <a>jquery</a>
			| <a>jquery</a>
		</div>
		<div class="goods-right"><a>修改兴趣</a></div>
	</div>
	<!-- goods结束 -->

	<!-- box开始 -->
	<div class="box w">

		<!-- box-hd开始 -->
		<div class="box-hd">
			<h4>精品推荐</h4>

	    <a href="">查看全部</a>
	    <!-- box-hd结束 -->
    </div>
	
	<!-- 这个地方一定要清除浮动 -->
	<div class="box-bd clearfix">
	<ul>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		
		
		
	</ul>
	<!-- box-bd结束 -->
	</div>
			<div class="box w">

		<!-- box-hd开始 -->
		<div class="box-hd">
			<h4>精品推荐</h4>

	    <a href="">查看全部</a>
	    <!-- box-hd结束 -->
    </div>
	
	<!-- 这个地方一定要清除浮动 -->
	<div class="box-bd clearfix">
	<ul>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
		<li><img src="images/pic.jpg"><h4>Agod随机博客系统实战项目演练</h4><span class="span1">高级</span>-<span>9999人在学习</span></li>
	
		
		
	</ul>
	<!-- box-bd结束 -->
	</div>

	</div>
	<!-- box结束 -->
	</div>
	<!-- footer开始 -->
	<div class="footer ">

		<div class="w">
			<div class="footer-left">
			<img src="images/logo.png">
			<p>Agod在线学习前端知识，我一定可以学好他的。加油<br>
				加油加油加油！
			</p>
			<a href="#">下载 app</a>
			</div>
			<div class="footer-right">
				<dl> 
					<dt>关于Agod的</dt>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>				
			</dl>
			<dl> 
					<dt>关于Agod的</dt>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>				
			</dl>
			<dl> 
					<dt>关于Agod的</dt>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>
					<dd><a href="#">个人信息</a></dd>				
			</dl>
		
		</div>
		
		</div>
	</div>
</body>
</html>

*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration:none; 
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after{
	clear: both;
}
.clearfix {
	*zoom: 1;
}
body{
	background-color: #f3f5f7;
	height: 2000px;
}
.w{
	width: 1200px;
	margin: auto;
}
.header{
	height: 42px;
	
	margin: 30px auto;
}
.logo{
	float: left;
	margin-right: 60px;
}
.nav ul li{
	float: left;
	margin-left: 16px;
	line-height: 14px;
	text-align: center;

}
.nav ul li a{
	float: left;
	text-decoration: none;
	line-height: 40px;
	height: 40px;
	display: block;
	margin-right: 10px;
	color: #050505;

}
.nav ul li a:hover{
	border-bottom: 2px solid #00a4ff;
}
.search{
	margin-left: 70px;
	float: left;
	
}
.search input{
	color: #ccc;
	float: left;
	height: 40px;
	width: 340px;
	border: 1px solid #00a4ff;
	padding-left: 20px;
	color: #ccc;
	border-right:0px

}
button{
	float: left;
	background: url(images/btn.png) ;
	height:42px;
	width: 50px;
}
.user{
	float: left;
	color: #666;
	font-size: 14px;
	line-height: 42px;
	height: 42px;
	margin-left: 30px;
	margin-top: 5px;

}
.banner{
	height: 420px;
	background:#1C036C url(images/banner2.jpg) no-repeat  top center;

}
.zuo{
	height: 420px;
	width: 200px;
	background:rgba(0,0,0,.3);
	float: left;

}
.zuo li{
	height: 45px;
	line-height: 45px;
	margin-left: 20px;
	

}
.zuo li a{
	color: #fff;
}
.zuo li span{
	float: right;
	padding-right: 20px;
}
.course{
	float: right;
	width: 228px;
	height: 300px;
	background-color: #fff;
	margin-top: 50px;
}
.course-hd{
	
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.course-bd{
	width: 198px;
	height: 180px;
	
	margin:20px auto;
}
.course-bd li{
	height: 50px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;

}
.course-bd li h4{

	color:#4e4e4e; 
}
.course-bd li span{

	color:#a5a5a5; 
}
.all a{
	display: block;
	text-align: center;
	border:1px solid blue;
	height: 30px;
	line-height: 30px;
	margin: auto;
}
.all a:hover{
	background-color: #00a4ff;
	color: blue;
}
.goods{
	box-shadow: 2px 2px 2px rgba(0,0,0,.3);
	margin-top: 10px;
	line-height: 60px;
	height: 60px;
	color: #fff;
}
.goods h3{
	float: left;
	margin: 0 30px;
	font-size: 16px;
	color: #00a4ff;

}
.goods-item{
	float: left;
	color: #BFC5d6;
	

}
.goods-item a{
	margin: 0 25px;
	color: #050505;
}
.goods-right{
	float: right;
	margin: 0 20px;
}
.goods-right a{
	color:#52C5FF 

}

.box-hd{
	height: 60px;
	line-height: 60px;
	margin: 10px 0;

}
.box-hd h4{
	float: left;
	font-size: 20px;
	color: #494949;
	font-weight: 400px ;
	
	
}
.box-hd a{
	float: right;
	margin-right: 30px;
	color: #a5a5a5;
	
	
}
.box-bd{
	width: 1215px;
}
.box-bd ul{
	display: block;
	background-color: purple;

}
.box-bd li{
	
	float: left;
	height: 270px;
	width: 228px;
	
	margin-right: 15px;
	margin-bottom: 15px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.3)

}
.box-bd li img{
	width: 100%;
}
.box-bd h4{
	font-weight: 400;
	color: #050505;
	font-size: 14px;
	margin: 20px;
}
.box-bd .span1{
	color: orange;
	margin-left: 20px;
}
.box-bd span{
	color: #999;
	font-size: 14px;
	
}
.footer{
	height: 300px;
	background-color: #fff;
	margin: 10px 0;
}
.footer-left{
	float: left;
	margin-top: 30px;
}
.footer p{
	margin: 20px 0;
	color: #666;
}
.footer a{
	display: block;
	width: 118px;
	border: 1px solid #00a4ff;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #00a4ff;
} 
.footer-right{
	
	float: right;
	

}
.footer-right dl{
	float: right;
	margin-left: 100px;
}
.footer-right dt{
	height: 35px;
	font-size: 16px;
	color: #333;
	line-height: 35px;

}
.footer-right a{
	
	font-size: 16px;
	color: #333;
	border: none;
	margin-right: 0;
}

在这里插入图片描述在这里插入图片描述

A 神
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
游戏实战篇｜原神人物模型下载教程，并在Unity中给模型 添加动画【伯嫖最新原神所有人物模型】文末送书
努力前行，总会成为自己心中的那道光
05-22 21万+
游戏实战篇｜下载原神人物模型 并在Unity中给模型 添加动画【伯嫖最新原神所有人物模型】 拿到模型之后我们就可以自定义在自己的学习项目中使用，非常的Nice！
在线播放电影网站
12-01
这个真的是好东西,本人很喜欢,希望大家也跟我一样喜欢,虽然是个简单的网站,但是学到知识不是简单的,5分值得.
HTML5期末大作业：动漫A网站设计——动画漫展学习资料电影模板(6页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
11-08 1143
HTML5期末大作业：动漫A网站设计——动画漫展学习资料电影模板(6页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业,
服务器在台湾的网站怎么查,中国台湾服务器的a网站
weixin_28943045的博客
08-10 1438
中国台湾服务器的a网站 内容精选换一换不想看文字，请直接戳视频链接。可以不做备案吗？根据《互联网信息服务管理办法》等相关规定，使用中国大陆节点服务器开办的网站，必须先办理网站备案，备案成功并获取通信管理局下发的ICP备案号后才能开通访问。根据《互联网信息服务管理办法》等相关规定，使用中国大陆节点服务器开办的网站，必须先办理网站备案，备案成功并获取通信管理局下发的ICP备案号后当您想在Intern...
LR脚本录制2——录制的网站A访问了其他网站页面和接口的脚本
狮子的博客
05-22 337
多代理录制 　　跟单代理类同，唯一不同的是ip和端口的配置，如下图 　　client——>loadrunner——>fiddler->server 　　也就是client将数据发送给loadrunner，loadrunner传给fiddler，fiddler再传递给server，server响应的途径一样。 　　这样就完成了client->server之间的通信 Fidder设置代理 刷新一下浏览器，会抓到好多请求，在这里我只想看到我所要录制的页面的请求，这个时候通过过滤规则来过
HTML颜色代码大全
heyuzheng68的专栏
01-24 6855
HTML颜色代码大全 1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A64...
LS01A_V03.rar 镭神激光雷达代码demo
08-01
镭神激光雷达LS01A是一款先进的激光传感器，常用于机器人导航、自动驾驶、环境感知等领域。这个"LS01A_V03.rar"压缩包包含了该雷达的代码演示和ROS（Robot Operating System，机器人操作系统）示例，为开发者提供了...
Win7一代，Win7-591g，宏碁a神一代，macOS Mojave10.14.3
03-22
宏碁Win7一代，Win7-591g，宏碁a神一代，macOS Mojave10.14.3，efi文件夹已经配置完成，本人更换了bcm94352z无线网卡，使用此efi文件，亲测完美，三卡正常，亮度声音可调，调节亮度需要用fn+f12（降低），fn+pasue...
TC神级文件管理器v9.21a完美简体中文汉化集成增强插件版
01-10
此版本为特殊定制增强破解版，版本号为9.21a，完美简体中文汉化，集成众多内置插件和第三方插件扩展，安装即完美授权。
slime-pixi:使用 PIXI.JS 复刻的原神史莱姆乐园活动
05-25
使用 PIXI.JS 复刻的原神史莱姆乐园活动私服 技术栈 Vue.js Pixi.js Pixi Spine GSAP(TweenMax) 复刻进度 主场景 装饰品 来访客人 史莱姆 雪山点击动画 动画 bug 优化体验 原项目 加载页面样式来源 参考 ...
关于Apache默认编码错误 导致网站乱码的解决方案
01-10
最近经常有同学在使用LAMP/WAMP时，遇到这样的编码错误问题： A网站程序编码UTF-8编码安装成功，运行成功。 B网站程序编gb2312也要安装在同一服务器上。 这样就出现问题了，Apache默认编码UTF-8在解析A网站的时候没有任何问题，当运行B网站时出现的”蝌蚪文”乱码问题。 单纯的修改Apache默认编码为gb2312这样就导致A网站出现”蝌蚪文”。 问题分析： 如果你在网上搜索 “apache配置”，搜到的页面大多都会建议你在httpd.conf中加上这么一句：AddDefaultCharset GB2312。 对于新手而且是只用GB2312编码的开发人来说，这么做是ok的。但
私人专属女（QCC源码）
05-16
QCC源码｛私人专属女（QCC源码）｝ PSD源文件 持续给力 特此奉上
成年人
02-08
成年人 用户故事： 作为一个工作繁忙的员工，我希望将重要事件添加到每日计划中，这样我可以有效地管理自己的时间 接受标准： 鉴于我正在使用每日计划器来创建计划表，所以当我打开计划器时，当前日期将显示在日历的顶部；当向下滚动时，则会显示标准工作时间的时间表；当您查看以下时间表时：那天，然后每个时间块都以颜色编码，以指示它是过去，现在还是将来。当我单击某个时间块时，那么我可以输入一个事件；当我单击该时间块的保存按钮时，则该文本当我刷新页面时，该事件将保存在本地存储中，然后保存的事件将持续存在
http://www.236z.com/index.php,csrf测试
weixin_42397220的博客
04-10 2240
diff --git "a/Amazon Kindle Fire HD (3rd Generation)\345\206\205\346\240\270\351\251\261\345\212\250\346\213\222\347\273\235\346\234\215\345\212\241\346\274\217\346\264\236.md" "b/Amazon Kindle Fire H...
python flask 实现多域名网站 sso 功能
小x的博客
09-07 2135
http://www.zhangdongshengtech.com/article-detials/150
SpringBoot（一）——SpringBoot框架学习路线，项目创建、三种运行方式、启动类、Web容器配置、属性注入、YAML配置、多环境切换Profile
qq_41824825的博客
02-12 2148
SpringBoot（一）——SpringBoot框架学习路线，项目创建、三种运行方式、启动类、Web容器配置、属性注入、YAML配置、多环境切换Profile
在只有一个域名的情况下开启另外一个网站
shao.bing的专栏
06-18 8589
<br />由于我目前只有一个域名，网站放在/home/www/下，一个网站一个目录，现在想将其中a网站访问形式为http://www.a.com，想让另一个与a处于同一目录下的b网站用http://www.a.com/b/的形式访问，总结如下：<br />1.修改/usr/local/etc/apache22/extra/http-vhost.conf<br /> <br /><VirtualHost *:81><br />    ServerAdmin webmaster@dummy-host.exam
A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？Q站是什么？
热门推荐
鹏仔工作室的秘密基地
03-08 14万+
A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？ A站 https://www.acfun.cn/ AcFun弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロ A站 AcFun ACG 弹幕 视频 动画 漫画 游戏 新番 鬼畜 东方 初音 DOTA MUGEN AcFun是国内首家弹幕视频网站，这里有全网独家动漫新番， 友好的弹幕氛围，有趣的UP主，好玩有科技..
大家口中所说的A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？
江咏之
07-07 1万+
A站、B站、C站、D站、E站、F站、G站、H站、I站、J站、K站、L站、M站、N站、O站、P站、Q站、R站、S站、T站、U站、V站、W站、X站、Y站、Z站都是什么网站？ A站 https://www.acfun.cn/ AcFun弹幕视频网 - 认真你就输啦 (・ω・)ノ- ( ゜- ゜)つロ A站 AcFun ACG 弹幕 视频 动画 漫画 游戏 新番 鬼畜 东方 初音 DOTA M...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值