明星个人网站蔡徐坤网页设计(HTML+CSS)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="css/css.css"/>
    <title>蔡徐坤</title>
    </head>
	<div class="con">
    <body >
        <div class="wrapin">
			<!--头部-->
			
			<header>
				
					<img src="images/p6.jpg" width="100%">
				
				<nav>
					<a href="index.html">首页</a>
					<a href="about.html">演艺经历</a>
					<a href="fengxian.html">歌与奖</a>
                    <a href="geng.html">玩梗</a>
					<a href="denglu.html">登录</a>
					<a href="liuyan.html">留言</a>
					<a href="zhoubian.html">周边</a>
					<a href="gouwuche.html">购物车</a>
				</nav>
			</header>
			

			<div class="box1 clearfix">
				<div class="left">
					<img src="images/p1.jpg" alt=""width="50%">
				</div>
				<div class="text">
					<h3>蔡徐坤</h3>
					<p>
						蔡徐坤(KUN),1998年8月2日出生于浙江省温州市,户籍湖南省吉首市,中国内地男歌手、演员、原创音乐制作人 、MV导演 。
2012年8月,蔡徐坤参演的偶像剧《童话二分之一》播出,由此开始步入大众视线 。2018年1月,参加竞演类综艺节目《偶像练习生》并以总票数第一正式出道,成为限定男团NINE PERCENT队长 ;8月,发行首张EP《1》 ,获2018亚洲新歌榜年度盛典最受欢迎潜力男歌手奖 ;随后,他还发行原创单曲《Wait Wait Wait》,并携手格莱美奖最佳MV获奖导演戴夫·迈尔斯打造歌曲MV。2019年1月,被授予“中牙友好大使暨中牙杰出青年领袖人物”称号;3月,成功开启横跨三个国家、六座城市的海外公演《ONE》;7月,发行首张数字专辑《YOUNG》;10月,携手中国儿童少年基金会共同设立“葵计划爱心基金”。
					</p>
					
				</div>
			</div>
			
			<div class="list">
				<ul class="clearfix">
					<li><img src="images/p2.jpg" width="241"></li>
					<li><img src="images/p3.jpg" ></li>
					<li><img src="images/p4.jpg" ></li>
					<li><img src="images/p5.jpg" ></li>
				</ul>
			</div>
	
		
			<!--底部-->
			<footer>
				蔡徐坤
			</footer>
		</div>
	</div>
	</body>
</html>

详情见压缩包

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个简单的徐坤偶像界面,你可以在此基础上进行修改和扩展: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>徐坤</title> <style type="text/css"> body { background-color: #F7F7F7; font-family: Arial, sans-serif; } .container { max-width: 1200px; margin: 0 auto; padding: 20px; box-sizing: border-box; } .header { display: flex; align-items: center; margin-bottom: 20px; } .header img { max-width: 150px; margin-right: 20px; } .header h1 { font-size: 36px; font-weight: bold; margin: 0; color: #333; } .info { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .info div { flex: 1; margin-right: 20px; } .info h2 { font-size: 24px; font-weight: bold; margin: 0 0 10px; color: #333; } .info p { font-size: 16px; margin: 0; color: #666; } .gallery { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .gallery img { max-width: 33.33%; padding: 10px; box-sizing: border-box; } .footer { text-align: center; font-size: 14px; color: #999; } </style> </head> <body> <div class="container"> <div class="header"> <img src="https://i.imgur.com/8T6KvKp.jpg" alt="徐坤"> <h1>徐坤</h1> </div> <div class="info"> <div> <h2>个人资料</h2> <p>中文名:徐坤</p> <p>英文名:Kun</p> <p>出生日期:1998年8月2日</p> <p>出生地:重庆市</p> <p>职业:歌手、演员、舞者</p> </div> <div> <h2>个人经历</h2> <p>2018年1月19日,徐坤以练习生身份通过《偶像练习生》海选,成为RANK A练习生</p> <p>2018年3月23日,徐坤以第一名的成绩获得《偶像练习生》第一期排名赛的第一名</p> <p>2018年4月6日,徐坤以第一名的成绩成为《偶像练习生》第一期中排名第一的练习生</p> <p>2018年7月4日,徐坤被官方宣布为Nine Percent成员之一</p> <p>2019年,徐坤正式出道,成为一名歌手、演员和舞者</p> </div> </div> <div class="gallery"> <img src="https://i.imgur.com/mNwJvWt.jpg" alt="徐坤"> <img src="https://i.imgur.com/ai8e3OG.jpg" alt="徐坤"> <img src="https://i.imgur.com/7v0Oy8k.jpg" alt="徐坤"> <img src="https://i.imgur.com/fhE5SsW.jpg" alt="徐坤"> <img src="https://i.imgur.com/8L3uUM6.jpg" alt="徐坤"> <img src="https://i.imgur.com/LvR4mQ5.jpg" alt="徐坤"> </div> <div class="footer"> <p>本页面仅供学习交流使用,不涉及商业用途</p> <p>图片来源:https://i.imgur.com/</p> </div> </div> </body> </html> ``` 效果如下: ![徐坤偶像界面](https://i.imgur.com/0sR6ZKJ.png)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值