当前位置: 首页 > 知识库问答 >
问题:

css - CSS创建不规则div的方法?

苏昂雄
2024-03-20

想问下大佬们,这个蓝色背景样式的div用css怎么写出来?

网上搜了很多都是做三角形、菱形啥的。能否不用伪类做出来呢?

共有2个答案

屠和洽
2024-03-20

image.png

益智明
2024-03-20

你F12你的网页看看?
大概率用css3d变换即可
https://codepen.io/643104191/pen/jORBNgo

 类似资料:
  • 我正在使用令人敬畏的“样式化组件” 但我现在使用的是另一个包,它将一个元素封装在其中,所以我不能将我的StyledComponents推到那里,因为我不想更改他的包。 我看到《魅力》有一个很好的把戏。StyledComponents支持这一点吗? 如果你想知道我为什么需要它,这里有一个例子:这是我正在使用的一个外部包: 所以你可以看到我需要传递一个json风格或类Name 所以魅力在这里会起作用,

  • 主要内容:1、常规规则,2、嵌套规则在 CSS 中包含两种语法规则: 普通规则:由选择器、属性和值构成,在之前的学习中我们主要使用的就是这种规则; @规则:以开头后面跟随一个关键字的形式构成,也被称为“AT规则”,根据使用方法的不同又可以分为“常规规则”与“嵌套规则”两种。 本节我们主要来介绍一下 CSS 中的 @ 规则。 1、常规规则 所谓“常规规则”指的是语法类似下面的规则: @[KEYWORD] (RULE); 1) @cha

  • 本文向大家介绍JavaScript实现动态创建CSS样式规则方案,包括了JavaScript实现动态创建CSS样式规则方案的使用技巧和注意事项,需要的朋友参考一下 现在Web应用中有大量的JavaScript代码,而我们也一直在追寻各种使他们更快的解决方案。 1.我们通过 事件代理(event delegation) 让事件监听更高效, 2.我们利用 函数降频技术(function debounc

  • CSS 样式由一系列规则组成,这些规则由 Web 浏览器解析,然后应用于 HTML 文档相应的元素上。CSS 样式规则由三个部分组成,分别是选择器、属性和值: 选择器:由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器就表示为页面中的所有标签定义样式; 属性:您希望给 HTML 元素设置的样式名称,由一系列关键词组成,

  • css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时,往往需要 一遍又一遍地写同一个ID: #content article h1 { color: #333 } #content article p { margin-bottom: 1.4em } #content aside { background-color: #EEE } 像这种情况,sass可以让你只写一遍,且

  • 问题内容: 所以,这就是我正在做的: 我有一张桌子,上面放着所有的桌子。 但是在一个特殊的场合,我希望一个特定的对象在各个方向都有,我将其设置为。 显然,我将CSS样式依次放在一个外部文件中。 但是渲染的CSS仅具有,并且似乎已被覆盖! 请说明: 这是怎么发生的以及为什么发生? 我应该如何安排这些规则来解决我的问题(除了内联样式)? 编辑:我在表中删除之前。我从来没有使用过它,我只是在这里提到它以