html文本标签与文本控制 0813
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>陈奕迅简介</title>
<link rel="shortcut icon" type="image/x-icon" href="images/6.jpg">
<style type="text/css">
h2{
text-align:center;/*left right*/
}
img{width: 600px;
height: 300px;
display:block;
margin:auto;
}
p{ display: block;
width: 600px;
height: 40px;
text-indent: 2rem;
line-height: 1.5rem;
font-family:楷体;
background: pink;
display:block;
margin:auto;
overflow: hidden;/*溢出隐藏*/
margin-bottom:100px;
}
p:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框之外；*/
</style>
</head>
<body>
<h2>陈奕迅简介</h2>
<img src="images/2.jpg">
<br>
<p>
陈奕迅（EasonChan）1995年因获得第14届新秀歌唱大赛冠军而正式出道。
</p>
<p>
1996年发行个人首张专辑《陈奕迅》
1997年主演个人首部电影《旺角大家姐》。
</p>
<p>
1998年凭借歌曲《天下无双》在乐坛获得关注。
2000年发行的歌曲《K歌之王》奠定其在歌坛的地位。
</p>
<p>
2003年发行个人首张概念专辑《黑·白·灰》；
专辑中的歌曲《十年》获得第4届百事音乐风云榜十大金曲奖。
</p>
<p>
2006年起，连续9年获得叱咤乐坛流行榜颁奖典礼叱咤乐坛我最喜爱的男歌手奖。
</p>
<p>
2008年1月，获得十大劲歌金曲最受欢迎男歌星奖” 。
2010年凭借剧情片《金钱帝国》获得星光大典港台年度电影男演员奖 。
2011年成立个人音乐制作公司EAS MUSIC。
</p>
<p>
2012年发行舞曲风格的粤语专辑《…3mm》
2015年凭借专辑《米·闪》获得第26届台湾金曲奖最佳国语男歌手奖。
</p>
<p>
2016年举行“Another Eason's LIFE世界巡回演唱会”。
</p>
<p>
2017年担任浙江卫视音乐选秀节目《中国新歌声第二季》的导师，同年10月9日发行国语专辑《C'mon in~》。
</p>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
