CSS入门（人物简历案例）

HTML代码块

<!-- HTML版本声明；当前版本为HTML5；必须写在文档的第一行 -->
<!DOCTYPE html>
<!-- HTML文档 start -->
<html lang="en">
<!-- HTML文档开头部分 start -->
<head><!-- 文档属性 告知浏览器需要采用什么编码格式解析文档 --><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 文档标题 --><title>人物简历-赵丽颖</title><!-- 引入外部css文件 --><link rel="stylesheet" type="text/css" href="css/resume.css">
<!-- HTML文档开头部分 end -->
</head>
<!-- HTML文档主体内容 start -->
<body><!-- 简历页面 start --><div id="container"><!-- h1标题标签 --><h1>人物简历-赵丽颖</h1><!-- 导航信息 start --><div id="nav"><!-- 无序列表 --><ul><li><a href="#info">基本信息</a></li><li><a href="#early">早年经历</a></li> <li><a href="#career">演艺经历</a></li><li><a href="#prizon">获奖记录</a></li><li><a href="#contribution">社会活动</a></li> <li><a href="#contact">联系方式</a></li></ul></div><!-- 导航信息 end --> <!-- 图片和视频 start --><div class="center"><!-- src：引入图片地址 width:宽度 height：高度 --><img class="margin" src="赵丽颖.jpg" width="200px" height="300px" title="赵丽颖"><!-- 视频 --><video class="margin" src="案例1--人物简历\赵丽颖视频.mp4" controls width="400px" height="300px" title="赵丽颖星空演讲视频">您的浏览器不支持 video 标签。</video></div><!-- 图片和视频 end --><!-- 人物信息 start --><div class="margin" id="userinfo"><!-- 基本信息 start --><div class="word" id="info"><h2>基本信息</h2><p>赵丽颖，1987年10月16日出生于河北省廊坊市，中国内地影视女演员。</p> <p> 2006年，因获得《雅虎搜星》比赛冯小刚组冠军而进入演艺圈 [2]  ；同年，在冯小刚执导的《跪族篇》中担任女主角 [3]  。2011年，因在古装剧《新还珠格格》中饰演晴儿被更多观众认识 [4]  。2013年，凭借古装剧《陆贞传奇》收获更多关注。2014年，在第10届中国金鹰电视艺术节投票活动中被选为“金鹰女神” [5]  ；同年，她还凭借爱情剧《杉杉来了》获得了第5届国剧盛典内地最具人气女演员奖；并成立了海润传媒赵丽颖工作室。</p>    <p>   2015年，主演的仙侠剧《花千骨》创下中国内地周播剧收视纪录 [6]  ，其个人也因此赢得广泛关注，更是凭借该剧先后获得第6届澳门国际电视节金莲花最佳女主角奖、第6届国剧盛典最具收视号召力演员奖、第22届上海电视节白玉兰奖最佳女主角奖提名、第28届中国电视金鹰奖观众喜爱的女演员奖 [7-9]    [229]  。2016年，担任河北省旅游形象大使 [1]  。2017年，凭借剧情片《乘风破浪》获得第24届北京大学生电影节最受大学生欢迎女演员奖 [10]  ；而其主演的古装剧《楚乔传》则成为了中国内地首部在播期间网络播放量突破400亿次的电视剧 [11]  。2018年，主演的都市剧《你和我的倾城时光》播出 [12-13]  。此后，她又凭借古装剧《知否知否应是绿肥红瘦》获得了第25届上海电视节白玉兰奖最佳女演员提名 [14]  、第30届中国电视金鹰奖观众喜爱的女演员奖 [17]  。2022年，主演的现实题材剧《幸福到万家》播出 [100-101]   [236]  ；同年担任河北省影视家协会副主席 [273]  。</p> </div><!-- 基本信息 end --><!-- 早年经历 start --><div id="early"><h2>早年经历</h2><p>1987年10月16日，赵丽颖出生于河北廊坊市的一个普通家庭，祖辈为农民，她亦出身于农村，而农村的生活经历，则磨练出了她坚强的意志，也造就了其坚韧顽强的个性 [20]  。</p><p>小时候的赵丽颖就特别喜欢看别人演戏，也幻想自己有一天能够成为演员，可她的父亲只是一名派出所民警，母亲也只是在百货商店从事销售员一职，家中完全没有门路也没有一定的经济条件去支持她实现儿时的梦想 [21]  。</p><p>长大后，赵丽颖考入了廊坊市电子信息工程学校空乘专业，但毕业后的她却由于家庭经济条件的限制，不得不放弃投考空姐的机会。而只能选择在自家附近的管道防腐公司做销售工作 [22]  。</p></div><!-- 早年经历 end --><!-- 演艺经历 start --><div id="career"><h2>演艺经历</h2><p>2006年5月，参加由雅虎、浙江卫视、华谊兄弟传媒集团联合主办的《雅虎搜星》比赛，并凭借个人表现以及投票网友的支持获得冯小刚组的冠军，从而正式进入演艺圈 [23]  ；之后，她还在冯小刚执导的广告片《跪族篇》中担任了女主角 [24]  ；同年，签约华谊兄弟传媒集团，并与周迅合拍玉兰油广告；11月，参演家庭伦理剧《金婚》，在剧中饰演淘气反叛的佟家三女儿佟多多 [25]  ；此外，赵丽颖还出演了古装剧《南越王》，并在剧中扮演清新可人的小皇后一角。</p><p>2007年，参演电影处女作《镖行天下之牡丹阁》，饰演牡丹的妹妹小红；1月，与郭晓东、刘孜、归亚蕾共同出演爱情剧《世纪不了情》；同年，在民国爱情剧《春去春又回》中饰演温婉可人的任洁儿 [26]  。</p><p>2008年，在民国情感剧《锁清秋》中饰演聪明机灵的丫鬟文雁。</p><p>2009年1月，主演数字电影《爱杀九河堂》；5月，在田中裕子、余少群主演的宫廷剧《苍穹之昴》中饰演性情温顺的玲儿，这也是赵丽颖首次出演古装剧 [27]  ；8月，获得第三届全球华人“非常短片”创意大赛“最佳人气女演员” [28]  。</p><p>2010年1月，主演年代剧《锣鼓巷》，饰演少女时期的李秋萍；6月，在情感偶像剧《佳期如梦》中改变荧屏形象，饰演性格叛逆、迷恋朋克的90后女孩安安 [29]  ；同年，在古装剧《红楼梦》中饰演端雅稳重、知书达礼的邢岫烟，并凭借该剧获得观众的关注 [30]  。</p><p>2011年，与徐峥联袂主演古装剧《大内低手》，在剧中饰演善良可爱的陈馨儿，这也是她首次参演喜剧类型的电视剧 [31]  ；同年，签约海润影视集团；4月，出演情感剧《新玉观音》，在剧中饰演乖巧清纯的阿静；7月16日，在古装爱情剧《新还珠格格》中饰演甜美端庄、深明大义的晴儿 [4]  ；9月11日，与李念、印小天合作出演都市情感剧《夏妍的秋天》，在剧中饰演家境优厚、个性温柔的女孩唐小然 [32]  。</p><p>2012年10月，出演都市情感剧《极品男女日记》，在剧中饰演活力四射的都市女孩楚扬 [33]  ；同年，在古装爱情剧《宫锁珠帘》中饰演冷艳大方的十九福晋百合 [34]  。</p><p>2013年5月5日，赵丽颖主演的古装励志剧《陆贞传奇》上映，她在剧中饰演聪明睿智的一代女相陆贞 [35]  ，这是其担任女主角的首部剧，并与陈晓共同演唱该剧的片尾曲《心情》；该剧首播期间在全国网收视统计中占有平均8.72%的收视份额；在csm46收视统计中排名同时段第一，在全年收视率统计中排名年度第三；此外，该剧还被日本、马来西亚、韩国等国家引进播出 [36]  ；7月13日，主演古装神话剧《追鱼传奇》，在剧中饰演机灵可爱的鲤鱼精红绫 [37]  ；该剧首播两日全国网的平均收视率达到1.25%，平均收视份额为8.51%，两项成绩均排名同时段第一；大结局当日则以10.75%的收视份额获得同时段收视冠军 [38-39]  ；8月13日，赵丽颖主演的古装爱情片《宫锁沉香》上映，她在片中改变银幕形象，饰演心胸狭窄、笑里藏刀的反派角色琉璃 [40]  ；11月20日，在“青春的选择”2013年度盛典中，获得内地最受欢迎女演员奖 [41]  ；12月，获得第四届乐视盛典内地最受欢迎女演员奖以及国剧盛典最受观众喜爱的新人女演员奖 [42-43]  。</p><p>2014年2月，主演古装励志剧《错点鸳鸯》和《戏点鸳鸯》，并在剧中首度一人分饰两角，分别饰演善良懦弱的小姐苏幻儿以及机灵勇敢的丫鬟杨意柳 [44]  ；该剧在江苏省网收视份额最高达19.7%，在浙江省网收视份额最高达21.3%，两项成绩均位居省网第一 [45]  ；3月17日，赵丽颖在都市情感剧《妻子的秘密》中饰演成熟稳重、大度隐忍的江家继承人江百合 [46-47]  ；该剧开播后以平均6.14%的收视份额成为全国网同时段收视冠军 [48]  ；5月，在福布斯中国名人榜中排名第80位，这也是她首次登上该榜单 [49-50]  ；7月8日，搭档张翰主演都市爱情剧《杉杉来了》，在剧中饰演天性善良、单纯可爱的小职员薛杉杉；该剧在播出期间获得同时段收视冠军 [48]  ；此外，该剧还被俄罗斯、美国、日本等国家引进播出 [51]  ；10月，在中国金鹰电视艺术节金鹰女神投票中，赵丽颖以21894667的总票数排名第一，成为金鹰女神 [52]  ；12月6日，获得“尖叫2015爱奇艺之夜”最受欢迎电视剧女演员奖；12月17日，凭借都市爱情剧《杉杉来了》获得国剧盛典年度内地最具人气女演员奖；同年，成立海润传媒赵丽颖工作室 [53]  。</p><p>2015年1月1日，与郭采洁、萧敬腾共同主演喜剧片《一路惊喜》，在片中饰演性格蛮横、强势泼辣的体操皇后李娜娜 [54]  ；5月，在福布斯中国名人榜中排名第43位 [55]  ；6月9日，赵丽颖主演的古装仙侠剧《花千骨》播出 [56]  ；她在剧中饰演命格诡异、坚强善良的孤女花千骨 [57]  ，并与霍建华共同演唱该剧的主题曲《不可说》 [58]  ；该剧以平均2.213%的收视率打破中国内地周播剧收视纪录，并且连续29次拿下单日收视冠军，成为中国内地年度收视亚军 [59]  ；此外，该剧还以单日超过4亿的播放量打破中国内地电视剧单日网络播放量的纪录，成为中国内地首部突破200亿次播放量的电视剧 [60]  ；而赵丽颖则凭借该剧先后获得第22届上海电视节白玉兰奖最佳女主角提名、第28届中国电视金鹰奖观众喜爱的女演员奖、第六届澳门国际电视节最佳女主角奖、19届华鼎奖中国古装题材电视剧最佳女演员提名 [8-9]   [61]  ；7月17日，其主演的都市情感剧《加油吧实习生》播出，她在剧中饰演单纯善良的实习生宋暖 [62-63]  ；8月1日，赵丽颖参加了湖南卫视的真人秀节目《偶像来了》，并与所有的参与嘉宾共同演唱该节目的主题曲《你是偶像》。9月22日，赵丽颖主演的古装仙侠剧《蜀山战纪之剑侠传奇》在爱奇艺首播 [64]  ；她在剧中饰演睿智聪颖又带点邪气的魔女玉无心 [65]  ，并与许志安共同演唱第一季的片尾曲《乱世俱灭》 [66]  ；还演唱第四季的片尾曲《我从来不存在》，其后该剧还在安徽卫视播出 [67-68]  ；12月5日，获得“尖叫2016爱奇艺之夜”年度最受欢迎女演员 [69]  ；12月19日，获得国剧盛典“最具收视号召力演员奖”和“年度特别贡献人物奖” [70]  。</p><p>2016年1月7日，获得2015新浪微博之夜年度最具人气女演员和“微博Queen” [71-72]  ；1月15日，与黄渤、孙红雷共同主演的喜剧悬疑片《极限挑战》上映；3月18日，主演爱情喜剧片《女汉子真爱公式》 [73]  ，在片中饰演性格冷静、理性至极的女学霸何修舞 [74]  ；3月7日，获得2015年度明星权力榜年度颁奖盛典内地最具人气女演员；4月，凭借《加油吧实习生》获得第19届华鼎奖中国当代题材电视剧最佳女演员提名 [75]  ；6月6日，在古装喜剧《吉祥天宝》中饰演聪明伶俐、雷厉风行的杨若楠 [76]  ；6月10日，凭借电视剧《花千骨》获得第22届上海电视节白玉兰奖最佳女主角提名 [8]  ；7月4日，赵丽颖特邀主演的民国悬疑剧《老九门》播出，她在剧中饰演绝顶聪明、敢爱敢恨的尹新月 [77-78]  ；7月31日，其主演的古装玄幻剧《青云志》在湖南卫视播出 [79]  ，她在剧中饰演清澈灵秀的魔女碧瑶 [80]  ；9月2日，赵丽颖主演的青春怀旧电影《我们的十年》上映，她在片中饰演单纯热情的假小子张静依，并演唱该片的推广曲《十年》 [81]  ；9月23日，出任河北省旅游形象大使 [1]  ；9月27日，赵丽颖主演的谍战剧《胭脂》播出，她在剧中饰演阳光热血、襟怀洒落的女特工蓝胭脂，并演唱该剧的片尾主题曲《心念》，这是其首度出演抗战和革命题材的电视剧 [82]  ；10月16日，获得第28届中国电视金鹰奖观众喜爱的女演员奖 [9]  ；10月30日，在第3届文荣奖颁奖典礼上，凭借悬疑剧《老九门》获得最佳女主角奖 [83]  ；12月8日，其主演的古装玄幻剧《青云志Ⅱ》开始在北京卫视播出 [84]  ，她在剧中继续饰演碧瑶。</p><p>2017年1月28日，主演的现代电影《乘风破浪》上映，其在片中饰演温婉清丽的牛爱花 [85]  ，该片在中国内地的票房则突破了10亿人民币 [86]  ，而她也因此获得了第24届北京大学生电影节最受大学生欢迎女演员奖 [10]  ；5月18日，入围第22届华鼎奖中国百强电视剧最佳女主角 [88]  ；5月20日，赵丽颖的蜡像正式入驻北京杜莎夫人蜡像馆 [87]  ；6月5日，领衔主演的古装女性励志传奇剧《楚乔传》播出，其在剧中饰演坚韧果敢、侠骨柔肠的侠女楚乔，并与张碧晨共同演唱了该剧的片头曲《望》 [89]  ；该剧播出后在CSM52城市网以平均1.741%的收视率获得同时段收视冠军，并以超过420亿次的播放量成为中国内地首部在播出期间网播量就突破400亿次的电视剧 [11]  ；7月，赵丽颖获得了CC-Smart明星价值榜发布盛典《中国影视明星价值报告》年度最具价值女明星奖 [90]  ；9月，在福布斯中国名人榜中排名第4位；11月3日，与郭富城共同主演的谍战动作电影《密战》上映，她在片中饰演果断坚毅、单纯却很有正义感的贺兰芳，而这也是其首次饰演地下党女战士这一类型的角色 [91]  。</p><p>2018年1月16日，河北省旅游发展委员会授予赵丽颖“2017年河北十大旅游贡献人物”称号 [92]  ；2月16日，赵丽颖与郭富城、冯绍峰共同主演的古装神话爱情片《西游记女儿国》上映，她在片中饰演聪颖清丽、善良痴情的女儿国国王 [93]  ；11月12日，主演的现代都市剧《你和我的倾城时光》上映 [94]  ，她在剧中饰演冰雪聪明，别具慧眼的都市白领林浅；12月25日，领衔主演的古装社会家庭剧《知否知否应是绿肥红瘦》在湖南卫视黄金档播出 [95]  ，其在剧中饰演的侯门主母盛明兰美貌聪慧，坚强独立，虽因环境所迫而掩埋锋芒，却最终成长为了影响家族兴衰的关键人物 [96]  ，而她也与冯绍峰共同演唱了该剧的片尾曲《知否知否》。</p><P>2019年5月23日，赵丽颖凭借电视剧《知否知否应是绿肥红瘦》获得第25届上海电视节白玉兰奖最佳女主角提名 [14]  ；8月，赵丽颖在福布斯发布的中国100名人榜上位列15位 [97]  ；10月，入围第六届“中国电视好演员”绿组女演员候选名单 [98]  ；11月，凭借古装剧《知否知否应是绿肥红瘦》获得第26届华鼎奖中国古装题材电视剧最佳女演员的提名 [99]  。</P><P>2020年7月31日，赵丽颖参加的湖南卫视青春合伙人经营体验节目《中餐厅第四季》播出 [102]  ；8月27日，在福布斯中国名人榜中名列第7位；同年，凭借古装剧《知否知否应是绿肥红瘦》获得第30届中国电视金鹰奖最佳女演员提名、第30届中国电视金鹰奖观众喜爱的女演员奖 [17]  [104-105]  ；12月16日，与王一博共同主演的古装剧《有翡》在腾讯视频播出 [15]  ，她在剧中饰演侠骨柔情、嫉恶如仇的侠女周翡 [106-108]   。</P><P>2021年2月，为迪士尼动画电影《寻龙传说》中的女主角“拉雅”配音 [110]  ；2月28日，获得新浪微博之夜微博2020年度实力演员 [111]  ；5月4日，赵丽颖主演的建党百年献礼剧《理想照耀中国》在湖南卫视播出，她在《希望的田野》单元中饰演带领家乡人民脱贫致富的新时代女性雷金玉 [220]  [222]  ；8月，在福布斯中国名人榜上排名第7位 [235]  ；9月21日，参加《2021大湾区中秋电影音乐晚会》，与王宝强、刘昊然、关晓彤等演唱歌曲《我的中国心》 [238]  ；12月5日，赵丽颖与肖央、董子健联袂主演的悬疑刑侦剧《谁是凶手》在爱奇艺迷雾剧场播出，她在剧中饰演心理医生沈雨 [103]  [109]  [242-243]  。</P><p>2022年1月31日，参加《2022年中央广播电视总台春节联欢晚会》，与朱一龙、王俊凯、郁可唯共同演唱歌曲《欢乐时光》 [245]  ；5月2日至5月4日，由中央广播电视总台推出的新媒体特别节目《UP青春》在央视频开播，节目特别设置艺人分享环节，赵丽颖被邀请在节目中分享关于青春的记忆 [272]  ；5月4日，参加央视《奋斗的青春——2022年五四青年节特别节目》，演唱歌曲《中国缘》 [246]  ；5月5日，出演的忻钰坤执导电影《中国刑警》开机 [278]  ；5月23日，其参加的“与人民同行”——纪念毛泽东同志《在延安文艺座谈会上的讲话》发表80周年特别节目上线播出 [248]  ；6月，搭档林更新主演古装剧《与凤行》，在剧中饰演碧苍王沈璃 [247]  [249-250]  ；6月29日，赵丽颖主演的现实题材剧《幸福到万家》在东方卫视、北京卫视播出，她在剧中饰演勤劳勇敢、正直坚韧的何幸福 [100-101]   [251]  ；9月，加盟综艺《隐秘的高手》 [277]  ；11月27日，与欧豪、李光洁领衔主演的时代群像闯剧《风吹半夏》播出，在剧中饰演许半夏 [241]  [281-282]  。</p></div><!-- 演艺经历 end --><!-- 获奖记录 start --><div id="prizon"><h2>获奖记录</h2><table class="win" border="1" align="center" cellspacing="0"><tr><th>获奖时间</th><th>奖项名称</th><th>获奖作品</th><th>获奖结果</th></tr><tr><td>2021-2-28</td><td>2020微博之夜微博微博年度实力演员</td><td></td><td>获奖</td></tr><tr><td>2021-1-26</td><td>2020百度娱乐人物年度影响力演员</td><td></td><td>获奖</td></tr><tr><td>2021-1-19</td><td>抖音2020年度星动女神、最受欢迎演员</td><td></td><td>获奖</td></tr><tr><td>2020-12-20</td><td>2020腾讯视频星光大赏“年度影响力艺人</td><td></td><td>获奖</td></tr><tr><td>2020-12-20</td><td>2020腾讯视频星光大赏“VIP之星”</td><td></td><td>获奖</td></tr><tr><td>2020-10-18</td><td>第30届中国电视金鹰奖观众喜爱的女演员</td><td>知否知否应是绿肥红瘦</td><td>获奖</td></tr><tr><td>2020-9-15</td><td>第30届中国电视金鹰奖最佳女演员</td><td>知否知否应是绿肥红瘦</td><td>提名</td></tr></table><p>作业：请参照 <a href="https://baike.baidu.com/item/%E8%B5%B5%E4%B8%BD%E9%A2%96/10075976?fr=aladdin">赵丽颖百度百科</a>继续完成获奖记录的表格</p></div><!-- 获奖记录 end --><!-- 社会活动 start --><div id="contribution"><h2>社会活动</h2><p>2014年9月，参加“河你一起，踢走负能量”公益活动 [166]  。2015年7月10日，参加在广西大新县恩城乡中心小学举行的公益助学活动，并捐赠学习用品 [167]  ；7月12日，作为长留学院暑假班教师班的成员，来到广西大新县开展公益助学活动 [168]  ；8月21日，通过芭莎公益慈善基金向在8.12天津爆炸事故中牺牲的消防官兵、专职消防人员及公安民警的家属捐款50万元 [169]  ；10月21日，参加“睡一个暖冬”公益活动，并筹得善款70万元 [170]  。</p><p>2016年2月1日，参加“9+1我们一起过大年”扶贫公益活动，筹得善款超过86万元 [171]  ；5月20日，参加由腾讯公益发起的“全民捐步大挑战”活动 [172]  ；6月1日，参加由网易新闻、网易公益举办的换“胃”行动 [173]  ；9月7日，参加腾讯公益99公益日 [174]  ；9月9日，参加“芭莎明星慈善夜”，并捐赠了一支爱心救护车队 [175]  ；9月23日，被河北省人民政府委任为河北省旅游形象大使 [176]  。</p><p>2017年，赵丽颖参与拍摄由国家新闻出版广电总局电影局发起，中央电视台电影频道承制的《光荣与梦想——我们的中国梦》系列公益片中的“社会主义核心价值观”篇 [177]  ；9月9日，赵丽颖参加第15届芭莎明星慈善夜，并与众多艺人共同为“为爱加速”思源﹒芭莎自治区救护车项目募集善款 [178]  。</p><p>2018年1月31日，入选《中国慈善家》“2017中国慈善名人榜TOP30” [179]  。</p><p>2020年1月27日，中华思源工程扶贫基金会公开赵丽颖、冯绍峰夫妇为武汉疫情捐款100万元，为抗击疫情做出自己的贡献。此前，赵丽颖全球粉丝后援会还捐赠了红外温度计305只，以及1016个医用护目镜，为疫情区做贡献 [180]  ；11月1日，与吴京共同担任中国消防宣传公益使者 [181]  ；11月23日，担任第二届中国—东盟网络短视频大赛形象大使 [182]  。</p><p>2021年5月21日，担任国家地理重塑“星”可能中国大使，共同呼吁守护珍稀动物，保护生物多样性 [227]  ；7月21日，赵丽颖向郑州市红十字会捐款一百万元 [231]  [240]  。</p></div><!-- 社会活动 end --><!-- 联系方式 start --><div id="contact"><h2>联系方式</h2><p>请将你想要告诉我的话发送至我的邮箱：</p><form action="maito://123@qq.com"><textarea name="" id="" cols="30" rows="10"></textarea><br><button type="submit">提交</button></form></div><!-- 联系方式 end --><!-- 返回顶部 --><div class="center"><a href="#">返回顶部</a></div></div><!-- 人物信息 end --><!-- 版权信息 start --><div id="copyright"><p>©2022 Baidu 使用百度前必读 | 百科协议 | 隐私政策 | 百度百科合作平台 | 京ICP证030173号</p></div><!-- 版权信息 end --></div><!-- 简历页面 end --><!-- HTML文档主体内容 end -->
</body>
<!-- HTML文档  end -->
</html>

CSS代码块

/* 通过id选择器设置样式 */
#container{background-color: #f0f0f0; /*背景颜色 *//* 外边距上下边距为0px左右边距为父元素的15% */margin: 0 15%;
}/* 通过元素选择器h1设置样式 */
h1{height: 70px; /* 高度 */color: white; /* 字体颜色 */background-color: cornflowerblue; /* 背景颜色（德国国花的颜色：矢车菊蓝） */line-height: 70px; /* 行间距 */text-indent: 70px; /* 文本缩进 */
}/* 通过id选择器设置导航信息居中 */
#nav{text-align: center; /* 居中显示 */
}/* 后代选择器nav导航下的li元素 */
#nav li {display: inline-block; /* 设置元素为行内块级元素 */width: 100px; /* 宽度 */height: 30px; /* 高度 */background-color: cornflowerblue; /* 背景颜色 */line-height: 30px; /* 行间距（与高度一致，则显示在中间） */border: 1px solid cornflowerblue; /* 边框 */border-radius: 0 10px; /* 边框左下角和右上角变圆10px */
}#nav li a {text-decoration: none; /* 去除文本修饰；去掉a标签的下划线 */color: white; /* 字体颜色 */
}/* 通过设置a标签的伪类选择器：hover 设置字体加粗 */
#nav li a:hover {font-weight: bold;
}/* 通过class类选择器设置样式 */
.center{text-align: center;
}.margin {margin: 0 30px; /* 外边距 */
}#userinfo p {text-indent: 30px; /* 首行缩进 */text-align: justify;
}.win {width: 100%;
}textarea {width: 100%; /* 父元素宽度的百分比 */
}#copyright {background-color: cornflowerblue; /* 背景颜色 */text-align: center; /* 居中 */color: white; /* 字体颜色 */height: 70px; /* 高度 */line-height: 70px; /* 行间距 */font-size: 12px; /* 字体大小 */
}

CSS入门（人物简历案例）相关推荐

CSS入门学习笔记+案例(1)
CSS入门学习一.CSS简介 1.什么是CSS CSS:Cascading Style Sheet 层叠样式表是一组样式设置的规则,用于控制页面的外观样式 2.为什么使用CSS 实现内容与样式的分 ...
CSS入门学习笔记（案例+详解）
CSS入门学习笔记一.CSS简介 1.什么是CSS? 2.为什么使用CSS? 3.CSS的作用二.CSS语法 1.CSS基础语法 2.CSS注释语法 3.CSS应用方法三.CSS选择器 1.元素 ...
CSS入门基础详解——笔记、案例
CSS入门学习一.CSS简介 1.什么是css css:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记 ...
CSS入门二、美化页面元素
零.文章目录 CSS入门二.美化页面元素 1.字体属性 CSS Fonts (字体)属性用于定义字体系列.大小.粗细.和文字样式(如斜体) (1)字体系列font-family font-family ...
Web全栈~04.css入门
Web基本笔记~04.css入门上一期 CSS 的引入方式内联样式(行内样式) <p style="background: orange; font-size: 30px;&quo ...
html css主题,HTML+CSS＝无限可能——案例详解：我的POI主题作品
原标题:HTML+CSS＝无限可能--案例详解:我的POI主题作品在微博发了这个作业,收到很多好评,实在太开心! 斌叔让我来投稿,那今天就以这个网页为案例,把制作过程中我的方法和经验分享给大家. 作 ...
html中怎么写小箭头,HTML+CSS入门 CSS用伪类制作小箭头
本篇教程介绍了HTML+CSS入门 CSS用伪类制作小箭头,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 本文对轮播图左右按钮的处理方法一改往常,不是简单地用btn.pr ...
css做名单,css基础教程：2021年适合新手的7个CSS入门教程推荐
上一篇我们向同学们推荐了5个html入门教程,本篇我们继续向同学们精选推荐一些适合新手学习的CSS基础入门教程,欢迎学习! 首先我们来介绍什么是CSS?以及CSS的作用 CSS 是一种标准样式表语言, ...
CSS入门八、CSS3动画
零.文章目录文章地址个人博客-CSDN地址:https://blog.csdn.net/liyou123456789 个人博客-GiteePages:https://bluecusliyou.gi ...

CSS入门（人物简历案例）

CSS入门（人物简历案例）相关推荐

最新文章

热门文章