边框的形状

最新推荐文章于 2025-12-26 15:15:00 发布

原创最新推荐文章于 2025-12-26 15:15:00 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #前端 #html

前端学习小记专栏收录该内容

85 篇文章

订阅专栏

border主要是用来给盒子增加边框的, 但是在开发中我们也可以利用边框的特性来实现一些形状
在这里插入图片描述
以利用border或者CSS的特性我们可以做出很多图形

https://css-tricks.com/the-shapes-of-css/#top-of-site

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

coolchaobing

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Shape-IoU：考虑边框形状与尺度的度量

m0_47867638的博客

01-04

2967

目标检测是计算机视觉中的基本任务之一，其目标是在图像中定位和识别物体。根据是否生成锚点，目标检测可以分为基于锚点和无锚点的方法。基于锚点的算法包括Faster R-CNN [1]、YOLO系列（You Only Look Once） [2]、SSD（Single Shot MultiBox Detector） [3]和RetinaNet [4]。

【YOLOv8改进】Shape-IoU：考虑边框形状与尺度的指标(论文笔记+引入代码)

专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。

01-30

6825

作为检测器定位分支的重要组成，边框回归损失在目标检测任务中发挥巨大作用。现有的边框回归方法，通常考虑了GT框与预测框之间的几何关系，通过使用边框间的相对位置与相对形状等计算损失，而忽略了边框其自身的形状与尺度等固有属性对边框回归的影响。为了弥补现有研究的不足，本文提出聚焦边框自身形状与尺度的边框回归方法。首先我们对边框回归特性进行分析，得出边框自身形状因素与尺度因素会对回归结果产生影响。

参与评论您还未登录，请先登录后发表或查看评论

作者导读：Shape-IoU：考虑边框形状与尺度的度量

热门推荐

qq_45911380的博客

01-01

1万+

Shape-IoU——综合考量边框形状与尺度的度量

Together_CZ的博客

01-15

1867

Shape-IoU——综合考量边框形状与尺度的度量

html中设置边框形状为齿状,在CSS中制作锯齿状的三角形边框

weixin_39974223的博客

06-04

430

您可以使用css3渐变来创建一个曲折图案的背景，使用后css伪应用它像一个边框。HTML：This is a headerCSS：.header{color:white;background-color:#2B3A48;text-align:center;}.header:after {content: " ";display:block;position: relative;top:0px;le...

解决Compose Multiplatform自定义边框形状的绘制难题：从基础到实战

gitblog_01083的博客

09-11

313

在跨平台应用开发中，UI的视觉表现力直接影响用户体验。Compose Multiplatform作为JetBrains推出的跨平台UI框架，提供了丰富的组件库，但开发者在实现复杂边框形状时仍会遇到诸多挑战。本文将系统解析自定义边框形状的绘制原理，通过实战案例演示如何解决常见问题，帮助开发者掌握从简单圆角到复杂路径的全流程实现技巧。 ## 边框形状绘制基础 Compose Multiplatfo...

html中设置边框形状为齿状,css3怎么实现锯齿边框？

weixin_32831131的博客

06-04

989

你这样的最好还是切图做用css3也达不到一毛一样的效果，如果你很想要尝试一下的话可以试试，不过边缘不是顺滑的感觉.jagged {height: 200px;border: 2px solid #ccc;border-bottom: none;position: relative;}.jagged:after {content: '';display: block;height: 10px;bac...

【YOLOv10改进-损失函数】Shape-IoU：考虑边框形状与尺度的指标

专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。

07-04

929

css特殊边框形状_了解CSS边框角形状

cune1359的博客

07-06

1498

我们已经看到了一些广泛实现的CSS3新功能，例如Rounded Corner， Box Shadow和Text Shadow，仅举几例。尽管如此，仍有一些试验性的功能，例如我们将在本文中讨论的内容： Border Corner Shape 。边界角形状使我们可以进一步操纵元素角。虽然我们可以使用border-radius创建圆角，但是Border Corner Shape允许我们形成...

CSS边框

2401_82561004的博客

09-27

3086

CSS 中的边框是围绕着元素内容和内边距的一条或多条线段，您可以自定义这些线段的样式、宽度以及颜色。

Qt如何设置QDialog类边框形状

12-18

在Qt中，如果你想改变`QDialog`类的边框形状，你可以通过调整窗口样式(`window style`)或者直接设置窗口的`frameShape`属性来实现。这里是一些基本的方法： 1. **通过样式表（QSS）**: 使用QDialog的`...

损失函数篇 | YOLOv8 引入 Shape-IoU 考虑边框形状与尺度的度量

YOLOv8项目贡献者

01-06

5122

现有的边框回归方法，通常考虑了GT框与预测框之间的几何关系，通过使用边框间的相对位置与相对形状等计算损失，而忽略了边框其自身的形状与尺度等固有属性对边框回归的影响。

Css画圆弧的方法

Wx001214的博客

12-26

237

clip-path是通过 “裁剪路径” 控制元素可见区域的方式，可绘制更灵活的圆弧形态，支持半圆、1/4 圆弧、自定义弧形等，甚至可以组合多种形状。path()中使用 SVG 的圆弧指令A/* SVG path语法：M(起始点) A(圆弧参数) L(连线) Z(闭合)，裁剪出1/4圆弧 */简单圆角 / 圆形 / 矩形圆弧：优先使用，语法简单、性能好、兼容性优自定义圆弧（半圆、1/4 圆弧、不规则弧形）：使用clip-path，灵活性强不闭合圆弧线条：可通过。

CSS 基础（第一部分）

inferno_lucerne的博客

12-25

579

本文系统介绍了CSS样式表的基本语法。主要内容包括：1）CSS基本结构，包含定义、语法规则和4种添加方式（内联、内部、外部、导入）；2）字体样式控制，涵盖字体类型、大小、风格、粗细等7种属性和颜色设置；3）段落格式设置，包括10种文本排版属性如对齐、缩进、行距、字符间距等；4）背景样式配置，涉及6种背景属性及其复合写法。通过选择器与属性值的组合，CSS实现了对网页元素的精确样式控制，使内容与表现分离。

CSS 字体、文本、背景与圆角核心属性学习资料

HANhylyxy的博客

12-23

743

CSS（层叠样式表）是用于描述网页的表现形式的标准语言，它允许开发者为网页元素设置字体、文本、颜色、背景等样式。通过对不同元素应用样式，可以大大改善网页的外观和用户体验。在网页开发过程中，常见的CSS属性包括字体属性、文本对齐、文本装饰、行高、背景属性和圆角矩形等。

前端面试题：CSS BFC

u011286604的博客

12-26

919

本文深入解析BFC（块级格式化上下文）在前端面试中的核心考点。从BFC的定义、触发条件到应用场景全面剖析，重点讲解其隔离性、清除浮动、防止margin塌陷等特性。文章提供了多种BFC触发方式（推荐display:flow-root），并通过代码示例演示解决两栏布局、文字环绕等实际问题。同时指出常见误区，强调BFC与现代布局方案的关系，最后给出面试答题技巧：定义+举例+代码+实战经验的组合回答方式，帮助开发者系统掌握这一高频面试知识点。

前端 | 吃透CSS视觉特效：圆角、渐变、动画与变换核心解析

最新发布

张较瘦

12-26

883

本文深入解析CSS四大视觉特效：圆角、渐变、动画与变换的核心概念与实现原理。通过实战案例演示如何使用border-radius创建圆形头像和胶囊按钮，利用linear-gradient和radial-gradient实现渐变色按钮和光斑背景，以及transform属性实现悬停缩放卡片和旋转图标效果。文章强调理解底层机制而非简单复制代码，帮助开发者灵活运用这些特性打造精美UI，同时兼顾性能优化。每个特性均配有可运行代码示例，便于读者快速掌握核心应用场景。

css 练习笔记1

mashirokayo的博客

12-25

235

设置成preserve-3d的时候，可以把父元素空间想象是一个3D空间，父元素变形效果和子元素变形效果可以存在空间关系。设置成flat的时候，可以看成父元素内部空间是平面的，子元素和父元素的动画效果都在同一个平面。表示 class b只有在b是定义在class a的后代元素上时才生效。设置父元素内部是3D还是2D。或者（scss语法）

CSS 颜色名详解

lly202406的博客

12-25

331

CSS颜色名是一系列预定义的颜色关键字，可以直接在CSS代码中使用。这些颜色名包括基本的红色、蓝色、绿色等，以及一些特殊颜色，如黑色、白色、透明等。自定义颜色可以通过RGB、HEX、HSL等格式定义。RGB表示红色。HEX#FF0000表示红色。HSL表示红色。CSS颜色名是网页设计中不可或缺的一部分。通过了解CSS颜色名，您可以更好地控制网页的颜色，提升网页的整体视觉效果。本文对CSS颜色名进行了详细介绍，希望对您有所帮助。

怎么改变QT边框形状？

12-04

在Qt中，如果你想改变窗口或控件的边框形状，可以调整它们的样式或使用特殊的边界绘制技巧。以下是一些常用的改变边框形状的方式： 1. **使用样式表（CSS）**：对于QFrame、QWidget等，你可以使用`setStyleSheet`方法设置边框样式。例如，为了创建圆角矩形边框，你可以这样做： ```cpp QFrame frame { border-radius: 10px; // 设置圆角 border-style: solid; border-width: 1px; border-color: gray; } ``` 或者使用`QPen`对象设置复杂的线型： ```cpp QStyleOption opt; opt.initFrom(window); QPainter painter(&window); painter.setPen(QPen(Qt::black, 2, Qt::SolidLine, Qt::RoundCap)); painter.drawRoundedRect(rect, 10, 10); // 绘制圆角矩形 ``` 2. **自定义窗口样式**：如果你使用的是Qt Stylesheet或Qt Designer中的样式编辑器，可以选择不同的边框样式，比如`NoBorder`、`Sunken`、`Raised`等。 3. **使用图形元素**：对于一些特殊效果，如阴影边框，可以使用`QGraphicsDropShadowEffect`。 4. **控件特定设置**：有些控件有专门的边框设置，比如QToolBox、QListView等，可能提供更丰富的配置选项。 5. **混合边框和边框槽**：如果需要动态修改边框，可以连接信号槽，当状态改变时更新边框的样式。记得在代码运行时应用这些样式变化。如果你需要对特定控件或窗口做这种改变，一定要确保在适当的生命周期阶段（例如`showEvent`）内设置。