昨日学习css显示模式转换

Ara~追着风跑 Ara~追着风跑 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>显示模式的转换</title>
    <style>
        /* 特殊情况下,我们需要元素模式的转换,简单理解:一个模式的元素需要另外一种模式的特性
        比如想要增加链接a的处罚范围 */
        /* 转换为块元素:display:block; */
        /* 装换为行内元素:display:inline; */
        /* 装换为行内块元素:display:inline-block; */
        
        a {
            width: 400px;
            height: 300px;
            background-color: red;
            /* 把行内元素转换为块级元素 */
            display: block;
            /* 把块级元素转换为行内元素 */
            display: inline;
            /* 把块级元素转换为行内块元素 */
            display: inline-block;
        }
    </style>
</head>

<body>
    <a href="#">小小杨</a>
</body>

</html>

 

...全文

相关推荐

评论
收藏 已收藏
分享
返回顶部
Ara~追着风跑
哪吒社区 516,125 成员 17,331 内容