某某潮流网，最新潮鞋资讯分享!

微信号：weixin888

当前位置： 主页 > 天富登录 > 静态开箱 偶像明星网页模板代码分享

偶像明星网页模板代码分享

时间：2023-04-28 12:06人气：编辑：佚名

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/banner.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

img/1.jpg

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偶像明星网页模板</title>
<style type="text/css">
*{padding: 0;margin:0;}
body{width:1000px;height:auto;margin:0 auto;}
header{width:100%;height:200px;}
header img{width:100%;height:100%;}
nav{width:100%;height:50px;}
nav ul{width:100%;height:100%;}
nav ul li{list-style-type: none;float: left;background-color: #000;}
nav ul li a{text-decoration: none;text-align: center;color:#fff;width:200px;line-height: 50px;display: block;}
.content_one{width:100%;height:auto;background-color: rgb(242,235,229);}
.content_one .left{width:65%;float: left;height:300px;margin-top: 20px;}
.content_one .left h4,p{padding: 5px 20px;}
.content_one .left p{line-height: 30px;}
.content_one .right{width:30%;float: right;height:300px;margin-top: 20px;position: relative;}
.content_one .right img{width:80%;height:100%;position: absolute;right:0;}
.content_one .clear_fix{clear: both;display: block;content: "";}
.content_two{width:100%;height:auto;background-color: rgb(242,235,229);padding-bottom: 20px;}
.content_two p{padding: 10px 20px;}
.content_two img{width:170px;height:300px;margin-left: 22px;}
footer{width: 100%;height: 50px;background-color: #000;}
footer p{line-height: 50px;color:#fff;text-align: center;}
</style>
</head>
<body>
<header>
<img src=https://zhuanlan.zhihu.com/p/"img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href=https://zhuanlan.zhihu.com/p/"">肖战</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">演艺经历</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">人物评价</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">主要作品</a></li>
<li><a href=https://zhuanlan.zhihu.com/p/"">联系我们</a></li>
</ul>
</nav>
<main>
<div class="content_one">
<div class="left">
<h4>肖战</h4>
<h4>中国内地男演员</h4>
<p>肖战，1991年10月5日出生于重庆市，中国内地男演员、歌手。2015年，以选手的身份参加浙江卫视才艺养成选秀节目《燃烧吧少年》。2016年4月，主演校园星座超能力网络剧《超星星学园》。2018年4月25日，古装奇幻网络剧《哦！我的皇帝陛下》在腾讯视频播出，肖战凭北堂墨染一角崭露头角。2019年6月27日，古装仙侠剧《陈情令》在腾讯视频播出，肖战凭魏无羡一角赢得广泛关注。</p>
</div>
<div class="right">
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
<img src=https://zhuanlan.zhihu.com/p/"img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有©</p>
</footer>
</body>
</html>

上一篇：学院举办省级“启明星”专家进校园活动

网站首页 返回栏目

下一篇：毛主席唯一四字楷书, 为何备受争议! 这四个字到底写的怎么样!

标签： he   id   com   http  
相关资讯
热门频道

精彩推荐

热门标签

官方微信官方微博百家号

网站简介 | 意见反馈 | 联系我们 | 法律声明 | 广告服务

Copyright © 2002-2022 天富平台-全球注册登录站 版权所有 备案号：粤ICP备xxxxxxx号

平台注册入口