个人网站建立-1.9

板块联系方式丰富：

1.html代码：

            <div class="information">
                <p><span>QQ:</span>888</p>
                <p><span>邮箱：</span>888@qq.com</p>
                <p><span>电话:</span>888</p>
                <p><span>微信:</span>8888</p>
                <p><span>住址:</span>888</p>
            </div>

2.css进行修饰：

.information{
    clear: both;
    position: relative;
    top: 327px;
    left: 327px;
}
.information p{
    font-size: 18px;
    text-decoration: underline;
    color: #FFFFFF;
}
.information p span{
    font-size: 20px;
    font-weight: 700;
   /*待添加*/
    color: #E0FFFF;
}

3.遇到问题：

本来想单独对p标签进行下划线处理，但span标签也受到了影响.

解决：对span使用 display: inline-block;text-decoration: none;/*消除p下划线对span的影响*/

 解决.