Web前端(10)_css文本样式 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>行级标签</title>
    <style type="text/css">
     .div{
         font-weight: 600; /* 加粗600以及以上，或者是blod */
         font-size: 32px;
         font-family: "华文行楷";
         line-height: 100px;/*行高就是将行级元素或者文本在设定的高度中上下对齐 */
         background: yellow;
         text-align: center;/* 水平方式对齐方式*/
         letter-spacing: 10px;/*字间距*/
         text-decoration: overline;/*字的装饰*/
         white-space: nowrap;/*不换行*/
     }
        .box_li1{
            text-decoration: underline;
            color: red;
        }
    </style>
</head>
<body>
<div class="div">大家好</div>
    <ul class="box">
         <li class="box_li1">新闻首页</li>
         <li>六十年国庆堪比奥运会</li>
         <li>我国商务对美国</li>>
         <li>中国在经济危机下还保持较高水平发展</li>>
         <li>博客索引</li>
    </ul>
</body>
</html>

 

posted @ 2019-03-17 23:05  sunnybowen  阅读(204)  评论(0)    收藏  举报