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>
运行实例 »
点击 "运行实例" 按钮查看在线实例