css背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型

最新推荐文章于 2018-01-29 09:36:31 发布

weixin_30902675

最新推荐文章于 2018-01-29 09:36:31 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/yintingting/p/4583827.html

版权

<html><head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            /*设置字体大小*/
            font-size: 30px;
            /*设置文字颜色*/
            color: red;
            /*字体加粗*/
            font-weight: bolder;
        }

        div{
            /*复合属性,可用于设置颜色和图片*/
            background: url("img/7.jpg");
            /*设置背景的尺寸, cover跟随标签的尺寸显示*/
            background-size: cover;
            width: 300px;
            height: 300px;

            /*水平居中,取值:left right center*/
            text-align: center;
            /*都是隐藏内容,区别:
            1.display会连同尺寸一起隐藏
            2.visibility不会隐藏尺寸
            */
            display: none;
            visibility: hidden;
            /*设置光标的显示类型: crosshair pointer*/
            cursor: pointer;
        }

        span{
            /*背景颜色*/
            background-color: blue;
            /*宽度*/
            width: 300px;
            /*高度*/
            height: 200px;
            /*行高,用于垂直居中*/
            line-height: 200px;

        }

        a{
            /*设置去除下划线,用于a标签*/
            text-decoration: none;
        }

        .one{
            /*设置缩进: % */
           text-indent: 3%;
        }

        ul{
            /*设置列表的类型: none  square*/
           list-style:square;
        }

        #main{
            /*设置背景颜色*/
            background-color: red;
            /*设置宽度*/
            width: 90px;
            /*设置高度*/
            height: 120px;
            /* 超出标签的内容处理:hidden, auto */
            overflow: hidden;
        }
    </style>
</head>
<body>
  <!--<div>111111</div>-->
  <!--<span>2222222</span>-->
  <!--<p>33333333333</p>-->

  <div>
      <span>12112323322332</span>
  </div>
  <p class="one">21323243423434efwqewqfewqfewqfewq</p>
  <p>21323243423434fewqfewqfew</p>
  <p>21323243423434fewfew</p>
  <p>fewfewfewfewefw</p>

  <a href="#">百度一下</a>

   <ul>
       <li>111111</li>
       <li>111111</li>
       <li>111111</li>
       <li>111111</li>
   </ul>

   <div id="main">44444444444444444444</div>

</body></html>

转载于:https://www.cnblogs.com/yintingting/p/4583827.html

weixin_30902675

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css背景图片、隐藏、指针、垂直居中、去除下划线、缩进、列表类型

<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body{ /*设置字体大小*/ font-size: 30px; ...
复制链接

扫一扫