body{ font-family: 'franklin gothic medium', 'arial narrow', arial, sans-rif; font-size: 18px; font-weight: bold; color:white; text-shadow: 4px 4px 4px #222222; text-align:center; width:1366px; height: 768px; background-image:url("o_xxx有黑眼圈吃什么好.jpg"); background-size: 1366px 768px}#header{ background: rgb(238, 223, 16); margin: 0 40%; border-radius: 0px 10px 0px 10px;}#info{ text-align: left;}.name,.age,.x,.education_background{ background: #b1a1a1; width: 150px; border-radius: 0 50% 50% 0 ;}.name{ margin: 10px 0 10px 5%}.x{ margin:10px 0 10px 10%}.age{ margin:10px 0 10px 15%}.education_background{ margin:10px 0 10px 20%}#work_experience{ text-align: left}.headline{ margin:10px 0 10px 25%} .working_time{ margin:10px 0 10p理发师陶德x 20%} .working_time{ margin:10px 0 10px 20%} .company_name{ margin:10px 0 10px 15%}.profession{ margin:10px 0 10px 10%}.saraly{ margin:10px 0 10px 5%}#capacity div{ padding: 8px 10%; float: left; list-style: none; color:#fff;}<!doctype html><html lang="en"><head> <meta chart="utf-8"> <title>个人简历</title> <link rel="stylesheet" href="my_stype.css"></head><body> <ction id="header">小小咸鱼的个人资料</ction> <ction id="info"> <div class="name">姓名：yang</div> <div class="x">性别：男</div> <div class="age">年龄：25</div> <div class="education_background">学历：大专</div> </ction> <ction id="work_experience"> <div class="headline">工作经历</div> <div class="working_time ">工作时间：2017.5-2019.4</div> <div class="company_nam青冥天e">公司名称：浙江xx医疗科技有限公司</div> <div class="profession">岗位：qc工程师</div> <div class="saraly">工资：8k</div> </ction> <ction id = 'capacity'> 猎婚 <div style="color: black"><b>拥有证书</b> <br>内审员 <br>化验员 <br>无菌实验员 <br>压力容器操作员 <br>危化品管理员 </div> <div div style="color: black"><b>计算机软件熟练度</b> <br>2018父亲节wps:精通 <br>ps:精通 <br>会声会影：精通 <br>ai:熟练 <br>pycharm:熟练 <br>vs:熟练 <br>ae:了解 </div> </ction></body></html>
#再导入背景为图片时候格式为background -image:url("xx")这里链接要有双引号#样式设定时候好几类设置相同格式化的时候比如name和age一起设置可以.age,.name{样式内容}#关于padding，margin等有4个值要设置的时候只设置一个默认4个值都是这个，设置两个前面一个代表上下，后面那个代表左右，设置3个默认最后一个为0#关于样式设置可以直接在标签里设置<div div style="color: black">如上面的未完待续
本文发布于:2023-04-03 14:36:34，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/21dcbe3c816148f958ede7659b79d0cc.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：自学前端第三天.doc
本文 PDF 下载地址：自学前端第三天.pdf
| 留言与评论（共有 0 条评论） |
