相关疑难解决方法(0)

CSS三角形如何工作?

CSS Tricks上有很多不同的CSS形状- CSS的形状,我特别对三角形感到困惑:

CSS Triangle

#triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}
Run Code Online (Sandbox Code Playgroud)
<div id="triangle-up"></div>
Run Code Online (Sandbox Code Playgroud)

它是如何以及为什么有效?

css geometry polygon css3 css-shapes

1791
推荐指数
16
解决办法
15万
查看次数

锋利的一角

试图在菜单边做一个尖角,我使用了border-radius

.right-section-top-bar.row {
    background-color: #44d2ff;
    border-radius: 0 0 0 100px;
}
Run Code Online (Sandbox Code Playgroud)

但它没有给出尖锐的角落.但我不想要那个激进的部分.我也尝试制作一个三角形,然后用它来定位它,但我认为它不是最好的解决方案可能是之前和之后的一些事情.

在此输入图像描述

html css css-shapes

1
推荐指数
1
解决办法
829
查看次数

标签 统计

css ×2

css-shapes ×2

css3 ×1

geometry ×1

html ×1

polygon ×1