15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 偶像明星网页模板代码分享

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

时间:2023-06-11 20:00:01 | 来源:网站运营

时间:2023-06-11 20:00:01 来源:网站运营

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

<!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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</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="img/banner.jpg" alt=""/>
</header>
<nav>
<ul>
<li><a href="">肖战</a></li>
<li><a href="">演艺经历</a></li>
<li><a href="">人物评价</a></li>
<li><a href="">主要作品</a></li>
<li><a href="">联系我们</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="img/1.jpg" alt=""/>
</div>
<div class="clear_fix"></div>
</div>
<div class="content_two">
<p>精彩图片</p>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
<img src="img/1.jpg"" alt=""/>
</div>
</main>
<footer>
<p>版权所有&copy</p>
</footer>
</body>
</html>


关键词:模板,明星,偶像

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭