gpt4 book ai didi

css - 如何将CSS形状垂直分成两半?

转载 作者:搜寻专家 更新时间:2023-10-31 22:22:47 24 4
gpt4 key购买 nike

请查看下面的 jsFiddle 链接:

http://jsfiddle.net/pnpHS/4/

如您所见,它是一个黄色的 CSS 形状。

我怎样才能让它垂直分成两半,所以左边是黄色,而另一边是透明的?

谢谢!

最佳答案

当只使用单个元素时,你可以做什么样的形状有很多限制(如果你将它包裹在另一个元素周围,你可以只使用 overflow hidden 来包裹它)。

要用单个元素实现它,你可以通过:

  • 设置背景颜色为透明
  • border-left 设置为元素宽度的 50%,使用纯色作为先前背景色的颜色。

示例:http://jsfiddle.net/pKuj9/

关于css - 如何将CSS形状垂直分成两半?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8144251/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com