首页 > 试题广场 >

下面样式在网页中打开大致是什么形状 .arrow { b

[单选题]
下面样式在网页中打开大致是什么形状
.arrow {
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  display: inline-block;
}
<span class="arrow"></span>
查看答案及解析
添加回答
能进外包就算成功头像 能进外包就算成功
border不是矩形而是三角形。

这时再把颜色变透明就剩下一个直角三角形了。

要点：

    1. bottom/top,left/right,两组任选其一就可以组成一个正方形

    2. 颜色透明

    3. inline-block，可以省略宽高

    这样子就是最简写法了。

这样子就是最简写法了。

CSS的inline、block与inline-block
编辑于 2021-06-23 16:05:06 回复(0)
提交观点

问题信息

前端工程师 百度 2020
上传者：小小
难度：
1条回答 542浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号