简约个人主页代码分享

时间：2023-10-16 13:06:02 | 来源：网站运营

时间：2023-10-16 13:06:02 来源：网站运营

<!DOCTYPE html><html>

<head>

body{width:1000px;height:auto;margin:0 auto;padding:0;}

header{width:100%;height:80px;padding:40px 0;}

header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}

nav{width:100%;height:40px;}

nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}

nav ul li{float:left;list-style:none;}

nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}

content{width:100%;height:200px;}

content main{width:100%;height:200px;padding: 10px 0;}

content main p{text-align: center;}

footer{width:100%;height:40px;background-color: black;}

footer p{text-align:center;line-height:40px;color:white;}

</style>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

<main>

<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>

<p> 勤于反省，才有不断进步的可能。</p>

<p>自卑的泥土，无法长出成功的花朵。</p>

<p>不要让未来的你，讨厌现在的自己.</p>

<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>

</main>

</content>

</body>

</html>

<!DOCTYPE html><html>

<head>

body{width:1000px;height:auto;margin:0 auto;padding:0;}

header{width:100%;height:80px;padding:40px 0;}

header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}

nav{width:100%;height:40px;}

nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}

nav ul li{float:left;list-style:none;}

nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}

content{width:100%;height:200px;}

content main{width:100%;height:200px;padding: 10px 0;}

content main p{text-align: center;}

footer{width:100%;height:40px;background-color: black;}

footer p{text-align:center;line-height:40px;color:white;}

</style>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

<main>

<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>

<p> 勤于反省，才有不断进步的可能。</p>

<p>自卑的泥土，无法长出成功的花朵。</p>

<p>不要让未来的你，讨厌现在的自己.</p>

<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>

</main>

</content>

</body>

</html>

<!DOCTYPE html><html>

<head>

body{width:1000px;height:auto;margin:0 auto;padding:0;}

header{width:100%;height:80px;padding:40px 0;}

header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}

nav{width:100%;height:40px;}

nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}

nav ul li{float:left;list-style:none;}

nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}

content{width:100%;height:200px;}

content main{width:100%;height:200px;padding: 10px 0;}

content main p{text-align: center;}

footer{width:100%;height:40px;background-color: black;}

footer p{text-align:center;line-height:40px;color:white;}

</style>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

<main>

<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>

<p> 勤于反省，才有不断进步的可能。</p>

<p>自卑的泥土，无法长出成功的花朵。</p>

<p>不要让未来的你，讨厌现在的自己.</p>

<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>

</main>

</content>

</body>

</html>

<!DOCTYPE html><html>

<head>

body{width:1000px;height:auto;margin:0 auto;padding:0;}

header{width:100%;height:80px;padding:40px 0;}

header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}

nav{width:100%;height:40px;}

nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}

nav ul li{float:left;list-style:none;}

nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}

content{width:100%;height:200px;}

content main{width:100%;height:200px;padding: 10px 0;}

content main p{text-align: center;}

footer{width:100%;height:40px;background-color: black;}

footer p{text-align:center;line-height:40px;color:white;}

</style>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

<main>

<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>

<p> 勤于反省，才有不断进步的可能。</p>

<p>自卑的泥土，无法长出成功的花朵。</p>

<p>不要让未来的你，讨厌现在的自己.</p>

<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>

</main>

</content>

</body>

</html>

<!DOCTYPE html><html>

<head>

body{width:1000px;height:auto;margin:0 auto;padding:0;}

header{width:100%;height:80px;padding:40px 0;}

header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}

nav{width:100%;height:40px;}

nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}

nav ul li{float:left;list-style:none;}

nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}

content{width:100%;height:200px;}

content main{width:100%;height:200px;padding: 10px 0;}

content main p{text-align: center;}

footer{width:100%;height:40px;background-color: black;}

footer p{text-align:center;line-height:40px;color:white;}

</style>

</head>

<body>

<nav>

<ul>

</ul>

</nav>

<main>

<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>

<p> 勤于反省，才有不断进步的可能。</p>

<p>自卑的泥土，无法长出成功的花朵。</p>

<p>不要让未来的你，讨厌现在的自己.</p>

<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>

</main>

</content>

</body>

</html>

关键词：简约

解决方案&服务

客户&案例

营销资讯

关于我们

微信公众号

快捷入口

简约个人主页代码分享

防护网站安全做好这几步就够了！

【微商城系统平台】| 如何在微商城系统平台搭建微信商城

杭州网站建设必须要了解的目标问题有哪些？

行业网站建设与运营的分析

网站客服外包的服务流程

由网页而设计的ppt

学校查分网站为什么那么容易崩溃？

雄安SEO优化外包_百度关键词排名_网站推广

开发专属招聘网站小程序的优势是什么？

CSS高级技巧

	<!DOCTYPE html><html>
	<head>
	<meta charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" /><title>网页设计</title>
	<style type="text/css">
	body{width:1000px;height:auto;margin:0 auto;padding:0;}
	header{width:100%;height:80px;padding:40px 0;}
	header img{display: block;margin:0 auto;width:100px;height:100px;border-radius: 50%;}
	nav{width:100%;height:40px;}
	nav ul{margin:0;padding:0;width:30%;height:100%;margin:0 auto;}
	nav ul li{float:left;list-style:none;}
	nav ul li a{display:block;margin:0 40px;padding:0 10px;line-height:40px;text-align:center;border-bottom:2px solid gray;text-decoration:none;color:black;}
	content{width:100%;height:200px;}
	content main{width:100%;height:200px;padding: 10px 0;}
	content main p{text-align: center;}
	footer{width:100%;height:40px;background-color: black;}
	footer p{text-align:center;line-height:40px;color:white;}
	</style>

	</head>

	<body>
	<header><a href="index.html"><img src="img/1.jpg"/></a></header>
	<nav>
	<ul>
	<li><a href="index.html">首页</a></li>
	<li><a href="zuopin.html">作品</a></li>
	</ul>
	</nav>
	<content>
	<main>
	<p>勤奋和智慧是双胞胎，懒惰和愚蠢是亲兄弟。</p>
	<p> 勤于反省，才有不断进步的可能。</p>
	<p>自卑的泥土，无法长出成功的花朵。</p>
	<p>不要让未来的你，讨厌现在的自己.</p>
	<p>经受过寒冷的人，才知道太阳的温暖，尝试过人生艰苦的人，才懂得生命的可贵。</p>
	</main>
	</content>
	<footer><p>版权所有</p></footer>
	</body>
	</html>

快捷入口

简约个人主页代码分享

推荐文章

杭州网站设计简约至上为王道

UI设计之网页设计简约之美

简约主义网站设计的必要点

HTML5期末大作业：网上花店网站设计——简约的网上花店网站设计(4

UI设计灵感|时尚简约风格网页页面设计

极简网页设计技巧，打造简约之美

浙江随意文化传媒-网页设计中的简约之美

【每日一撸--Day49】简约图文内页PPT设计制作思路

最佳网页设计实践：简约主义和字体排版

PS网页背景, 快速制作简约的双色调背景图片

防护网站安全做好这几步就够了！

【微商城系统平台】| 如何在微商城系统平台搭建微信商城

杭州网站建设必须要了解的目标问题有哪些？

行业网站建设与运营的分析

网站客服外包的服务流程

由网页而设计的ppt

学校查分网站为什么那么容易崩溃？

雄安SEO优化外包_百度关键词排名_网站推广

开发专属招聘网站小程序的优势是什么？

CSS高级技巧