元素显示模式

最新推荐文章于 2024-09-11 20:31:47 发布

qq_37694877

最新推荐文章于 2024-09-11 20:31:47 发布

阅读量169

点赞数

分类专栏： html css 文章标签： css html5

本文链接：https://blog.csdn.net/qq_37694877/article/details/124212268

版权

html 同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

css

9 篇文章 0 订阅

订阅专栏

display：block 块转行
display：inlline行转块
display：inline-block转换为行内块

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        a {
            display:block;
            width:230px;
            height:40px;
            font-size:14px;
            background-color:slategray;
            color:white;
            text-decoration:none;
            text-indent:2em;
        }
        a:hover{
            background-color:aqua;
        }
    </style>
</head>
<body>
    <a href="#">content</a>
    <a href="#">content</a>
    <a href="#">content</a>
    <a href="#">content</a>
    <a href="#">content</a>
    <a href="#">content</a>
</body>
</html>