分享QQ空间生日祝福卡片制作方法

分享QQ空间生日祝福卡片制作方法

以下是通过截取的QQ空间生日祝福卡片制作代码

/*生日祝福卡片制作*/
.qzone-birthdayCard{
    width:501px;
    height:390px;
    position:relative;
    background:url('http://qzapp.qlogo.cn/qzapp/1107508292/2E361D3FF6A16AFD4B90FC4B2471D4C6/50') no-repeat center center;
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 15px rgba(0,0,0,0.2);
}
.qzone-birthdayCard p{
    position:absolute;
    top:120px;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    width:100%;
    color:#fff;
    text-shadow:1px 1px 8px rgb(0, 0, 0);
}
.qzone-birthdayCard img{
    position:absolute;
    top:240px;
    left:130px;
    width:240px;
    height:240px;
    -webkit-border-radius:50%;
    border-radius:50%;
}
.qzone-birthdayCard span{
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    font-size:18px;
    text-align:center;
    color:#333;
}

通过以上代码可以很容易地制作出QQ空间生日祝福卡片，希望能够帮到大家。