光晕感的文字,带下划线的特效等 css 代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<style type="text/css">
    .span1 {
    box-sizing: border-box;
    color: rgb(172, 29, 16);
    max-width: 100%;
    overflow-wrap: break-word;
    text-shadow: 2px 2px 10px rgb(0, 112, 192);
}


.div1 {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.298), 0 0 40px rgba(0, 0, 0, 0.098) inset;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 1.5em;
}

.div2 {
    background-attachment: scroll;
    background-image: url("http://img.my.csdn.net/uploads/201706/22/1498145888_9812.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
    width: 516px;
}

</style>
<title>网页标题</title>
</head>
<body>
<span class="span1">测试12323fdasadsf</span>
<div class="div1">放大镜萨克发京东卡上飞机34234jkljk</div>
<div class="div2">放大镜萨克发京东卡上飞机克发京东卡上飞机34234jkljk放大镜萨克发京东卡上飞机34234jkljk</div>
</body>
</html>




猜你喜欢

转载自blog.csdn.net/sysdzw/article/details/73612111