css块级标签、行内标签、行内块级标签

最新推荐文章于 2020-02-17 12:28:14 发布

weixin_30698297

最新推荐文章于 2020-02-17 12:28:14 发布

阅读量87

点赞数

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

版权

<html><head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        /*块级标签*/
        div{
            background-color: red;
            width: 200px;
            height: 180px;
            /*隐藏*/
            /*display: none;*/
            /*display: inline;*/

            display: inline-block;
        }

        /*p{*/
            /*background-color: yellow;*/
            /*width: 200px;*/
            /*height: 50px;*/
        /*}*/

       /*行内标签*/
        span{
           background-color: yellow;
           /*让行内标签变成块级标签*/
           /*display: block;*/
           /*width: 200px;*/
           /*height: 50px;*/
        }

        /* 行内-块级标签*/
        input{
           width: 200px;
           height: 300px;
        }
    </style>
</head>
<body>
  <div>11111111</div>
  <div>11111111</div>
  <div>11111111</div>

  <span>22222222</span>
  <span>22222222</span>
  <span>22222222</span>

  <a href="#">百度一下</a>
  <a href="#">百度一下</a>
  <a href="#">百度一下</a><br><br><br>
  <!--<p>22222</p>-->

  <input>
  <input>
  <input>


</body></html>

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

weixin_30698297

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css块级标签、行内标签、行内块级标签

<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*块级标签*/ div{ background-color: red; ...
复制链接

扫一扫