纯HTML和CSS编写的漂亮的个人简历

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>个人简历</title>
</head>
 <body>
  <head><style>
                    html,body,p,ul,table,tr,td{
    margin:0;padding:0}
                    a{
    text-decoration:none}
                    li{
    list-style:none}
                    img{
    border:0 none}
                    body{
    font-family:'Microsoft YaHei';font-size:14px}
                    div,span,a{
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
                    table{
    border-collapse:collapse;border-spacing:0;border:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
                    td{
    text-align:left}
                    .resume_clearfix{
    display:block;overflow:hidden;clear:both}
                    .all_wrap{
    width:693px}
                    .logo_divide{
    border-bottom:1px solid #b9b9b9}
                    .at{
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
                    .page{
    width:693px;margin:0 auto;padding:3px;background-color:#fff}
                    .gray{
    color:#919191 !important}
                    .l_green{
    color:#6d8194 !important}
                    .blue{
    color:#4567af !important}
                    .yellow{
    color:#fae001 !important}
                    .y_green{
    color:#a4b049 !important}
                    .s_blue{
    color:#00a0e9 !important}
                    .orange{
    color:#f39800 !important}
                    .resume_box{
    border:15px solid #efefef}
                    .company{
    font-size:12px;font-weight:bold}
                    .infomation_l{
    width:266px;vertical-align:top;background-color:#2d4e5c}
                    .top{
    margin:26px 0px 18px 0px}
                    .picture{
    text-align:center}
                    .name{
    height:40px;line-height:40px;font-size:18px;color:#fff;text-align:center}
                    .posi{
    width:265px;line-height:14px;text-align:center;padding:0 10px}
                    .mes_l{
    margin-left:20px}
                    .title{
    height:30px;font-weight:bold;color:#d8dcde}
                    .border_b2{
    margin-left:20px;border-bottom:1px solid #91a875}
                    .per_list{
    line-height:35px;font-size:12px;color:#d8dcde}
                    .title_iconl{
    *width:12px;padding-right:8px}
                    .title_icon1 img{
    margin-top:5px}
                    .b_border{
    border-top:1px solid #233c47}
                    .dir{
    vertical-align:top}
                    .limit1{
    width:180px}
                    .wid{
    width:225px}
                    .limit2{
    width:204px}
                    .con{
    position:relative;width:176px;height:16px;*height:15px;top:2px;border:1px solid #b9b9b9}
                    .rank{
    position:absolute;top:0;left:0;width:70%;height:16px;line-height:16px;text-indent:6px;top:0px;left:0px;background-color:#b9b9b9}
                    .email{
    max-width:146px;word-wrap:break-word}
                    .infomation_r{
    width:386px;vertical-align:top;padding-left:12px;background-color:#efefef}
                    .mes_r{
    margin-left:26px;padding:10px 0 16px 0}
                    .title_icon{
    *width:17px;padding-right:8px;border:0 none}
                    .title_icon img{
    margin-top:0px}
                    .title_txt{
    width:340px;height:28px;line-height:28px;font-weight:bold
  • 5
    点赞
  • 59
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值