Border-radius: create rounded corners with CSS!

FuDesign2008 FuDesign2008 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1k累计阅读 1k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄18年
关注
原创 最新推荐文章于 2026-11-11 20:27:54 发布 1k 阅读 AI 写同款· GEO 优化 ›
CSS 弹性盒布局：flex-wrap 换行与多行交叉轴对齐 默认情况下，弹性容器（flex container）会把所有子项（flex item）挤在一行里，哪怕空间不够也只会压缩子项，而不会换行。浏览器会依次把子项放进当前行，当剩余空间不足以容纳下一个子项的基础尺寸时，就开启新的一行。一旦允许换行，容器里就会出现多条「弹性行（flex line）」，此时交叉轴对齐的行为也会从「单行对齐」变成「多行对齐」，是默认值：当子项没有设置固定高度时，行会被拉伸，子项随之变高，看起来像是「撑满了容器」。上面这段代码中，每个子项固定 200px 宽，容器宽度决定每行能放几个。 阅读详情

Border-radius: create rounded corners with CSS!

 

http://www.css3.info/preview/rounded-border/

 

学习css圆角的好文章

 

标签
#css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
数字IC后端设计实现之Innovus POD V2 Flow性能优化全解析 本文深入解析了数字IC后端设计中的Innovus POD V2 Flow性能优化方案。该流程通过整合place_opt_design与clock_opt_design命令，实现了布局与时钟树的协同优化，有效提升了时序收敛效率、改善了设计密度与拥塞，并显著减少了迭代次数，是应对先进工艺复杂设计的关键利器。 阅读详情

相关推荐

Hierarchical-Localization 环境配置与依赖管理全攻略

本文提供了Hierarchical-Localization（hloc）视觉定位工具箱从零开始的环境配置与依赖管理全攻略。针对Windows、Ubuntu和macOS三大操作系统，详细解析了Python版本选择、PyTorch与CUDA版本匹配、pycolmap版本锁定等核心依赖的安装步骤，并汇总了权重文件格式、NumPy版本、路径配置等常见问题的排查与解决方案，旨在帮助用户高效搭建稳定的hloc开发环境。

weixin_29066781的博客 335

不使用cornerRadius设置图片圆角

不使用cornerRadius设置图片圆角

huangyongf的博客 5586

【生成数据集EXCEL文件】使用生成对抗网络GAN生成数据集：输出生成数据集EXCEL

生成器的任务是接收随机噪声向量作为输入，并尽可能生成与真实数据相似的样本，而判别器则是一个二分类器，旨在区分输入的样本是来自生成器生成的，还是来自真实数据。在训练过程中，生成器和判别器通过对抗学习的方式相互博弈，生成器的目标是生成足以欺骗判别器的样本，而判别器的目标则是尽可能准确地判断样本的真实性。GAN网络在多个领域展现了强大的能力，能够生成与训练数据分布相似的新数据，包括但不限于图像生成、图像风格转换、超分辨率、数据增强、视频生成、自然语言处理、医学图像处理以及游戏与虚拟现实等。

hustef的博客 1521

create rounded corners with CSS

http://www.css3.info/preview/rounded-border/ The CSS3 border-radius property allows web developers to easily utilise rounder corners in their design elements, without the need for corner images o

Chenchen的专栏 716

C#连接数据库报Authentication to host ‘127.0.0.1‘ for user ‘root‘ using method ‘caching_sha2_password‘ fail

所以导致的，除了上边的办法，还可以把这个加密规则修改一下，这个的修改方式有很多，具体原因是因为MySQL8.0以前的加密规则是。

weixin_42209881的博客 4128

ENVI 5.6保姆级教程：高分七号DLC影像从打开到融合的完整流程（附避坑指南）

本文详细介绍了ENVI 5.6处理高分七号DLC影像的完整流程，包括环境准备、数据解压、正射校正、图像融合等关键步骤。特别针对国产卫星数据处理的独特挑战，提供了实用的避坑指南和优化技巧，帮助用户高效完成光学影像的预处理和质量提升。

weixin_33269743的博客 382

After Effects自动化UI模型生成：基于CEP扩展与ExtendScript的实践指南

在UI动效与动态图形设计领域，自动化脚本开发是提升工作效率的核心技术。其原理在于通过编程接口操控设计软件，将重复的手动操作转化为参数化、可复用的生成流程，从而释放设计师的创造力，专注于动画与交互逻辑。这一技术价值在于显著减少基础构件搭建时间，确保设计元素风格统一，并支持快速迭代。其典型应用场景包括批量创建界面原型、生成设计系统组件以及制作交互演示动画。本文聚焦于After Effects环境，详细解析如何利用其CEP扩展平台与ExtendScript脚本语言，构建一个能够自动生成按钮、输入框、卡片等常见UI

weixin_34006965的博客 324

vasp计算练习1-Si

si的vasp训练流程

qq_41074165的博客 3298

CSS 盒子模型与背景渐变、文字渐变实战

content（内容区）：文字、图片等实际内容占据的区域padding（内边距）：内容与边框之间的空白border（边框）：盒子的边界margin（外边距）：盒子与其他盒子之间的间距fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;margin 外边距border 边框padding 内边距content 内容区。

2601_96876853的博客 241

汇川Easy 301 和MCGS进行Modbus RTU通讯(485)浮点数读取和写入

4DF0001对应寄存器D0,4DF0003对应寄存器D2。注意：要选com2口，com1口是232通讯。

qq_61916672的博客 2909

结构方程模型amos的操作与应用pdf_AMOS结构方程进行医学问卷量表分析教程（一阶简单路径效应分析）...

在生物医药的数据统计分析中，要研究量表和量表之间的关系时候，由于维度题项较多，而不再是单一的变量，因此我们要使用AMOS结构方程进行处理。​ 举个例子，比如对住院患者的相关研究，设置了患者在住院期间的适应性量表和自我效能的量表，想考察患者适应性与自我效能之间的影响关系，或者说适应性的强弱是否会影响到患者自我效能的高低。此时适应性量表和自我效能量表都不是单一的变量，而是有N个题项构成的...

weixin_39637614的博客 7711

CSS 定位布局：固定定位与粘性定位详解

fixed相对视口定位，脱离文档流，适合始终固定的元素，如导航栏、悬浮按钮。sticky是相对定位与固定定位的结合，保留文档流占位，适合滚动吸附效果，如表头吸顶、目录跟随。两者都容易受到祖先元素transform和overflow的影响，排查问题时优先检查这两点。实际开发中，根据"是否需要始终固定"和"是否需要保留占位"来选择合适的方式。掌握这两种定位方式，能让你在实现吸顶导航、悬浮操作、滚动跟随等交互时更加得心应手。

2601_96876853的博客 568

【四足机器人实战】四足机器人运动学、动力学模型

认知有限，望大家多多包涵，有什么问题也希望能够与大家多交流，共同成长！四足机器人的运动学和动力学模型是其设计和控制的基础，涉及到如何精确描述和预测机器人在不同条件下的运动状态和行为本文先对四足机器人运动学、动力学模型做个简单的介绍，具体内容后续再更，其他模块可以参考去我其他文章运动学模型主要关注四足机器人的几何形态和时间序列下的运动特性，而动力学模型则进一步考虑了引起这些运动的力和扭矩的作用效果。运动学模型：运动学模型描述了四足机器人在没有考虑力的影响下的运动特性。

qq_35635374的博客 1055

CSS 定位布局与 z-index 叠放次序详解

层叠上下文（Stacking Context）是一个独立的「三维空间」，内部元素的z-index只在同一个上下文内比较。子元素的z-index再大，也无法突破父级上下文所处的层级。根元素html；position为且z-index不为auto；或sticky（现代浏览器）；opacity小于 1；transformfilter等不为none；；flex/grid子项且z-index不为auto。position决定元素是否脱离文档流以及定位参照物；z-index。

2601_96876853的博客 417

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。，新界面，新视觉，

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

CSS display 模式转换详解

display属性是 CSS 布局的基石。掌握blockinlineflexgrid等常见取值，并理解它们之间的转换规则，能够帮助我们更灵活地控制页面结构。在实际开发中，建议优先使用flex和grid完成布局，仅在必要时才通过display转换处理细节问题。

2601_96876853的博客 338

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

CSS 弹性盒布局：子项目 flex 伸缩与 gap 间隙详解

flex-grow决定剩余空间如何分配，决定空间不足时如何压缩，flex-basis决定伸缩基准；日常优先使用flex简写，理解flex: 1与flex: auto的差异；项目间距优先使用gap，避免margin带来的首尾处理问题；注意与这两个高频细节。

2601_96876853的博客 357

NTscan扫描工具

ntscan是一个扫描器，可以扫描没有密码和弱密码的共享，先到配置文件中填写猜测的用户名和密码，扫描过程中右侧出现的是扫描日志。

升级 three 后标签「点击全部失效」——CSS2D 层事件治理全解

three.js 升级至 r147+ 后，CSS2D 标签点击失效源于 OrbitControls 绑定 canvas 导致指针捕获劫持事件。解决方案分两层：第一层，通过 labelRenderer.domElement.style.pointerEvents = 'none' 使层透明，仅交互元素设 pointer-events: auto 并用 stopPropagation 阻止冒泡；第二层，防止窗体误关与重复弹窗，需在容器上阻止冒泡、关闭按钮使用 stopImmediatePropagation

weixin_44242600的博客 330

CSS 定位布局：相对定位与绝对定位详解

父元素 relative + 子元素 absolute」是 CSS 中最常用的定位组合，几乎所有的角标、下拉菜单、tooltip 都基于它实现。它决定了元素在页面中的定位方式，也是实现悬浮按钮、下拉菜单、遮罩层、角标等常见 UI 效果的核心手段。的偏移只是视觉位移，不会改变元素在文档流中的占位，因此不会引起其他元素重排。在视觉上向右移动 30px、向下移动 20px，但它原本占据的空间依然保留，后面的元素不会补上来。再大也无法跳出父元素的层级。，不再占据原来的空间，其他元素会像它不存在一样重新排列。

2601_96876853的博客 266

CSS 轮播图：让内容盒子垂直居中的几种做法

做轮播图时，最常见的结构是「外层容器固定高度 + 内层内容盒子（图片、标题、按钮组）」。轮播图内容盒子的垂直居中，本质是「容器有高度 + 子元素有居中规则」。轮播容器用 Flex，内层盒子自动在两个方向居中，代码最少、兼容性最好（现代浏览器全支持）。下面按「从简单到通用」的顺序，给出几种在轮播图中真正好用的垂直居中方案。，水平居中了，但垂直方向总是贴着顶部，或者被拉伸变形。，这是不依赖 Flex/Grid 的经典写法。新项目不建议使用，仅在维护老代码时能看懂即可。是 Flex 两个属性的简写，写法更短。

2601_96876853的博客 368

css注意事项二

块元素上下 margin 会合并：上面盒子 margin-bottom:10px，下面盒子 margin-top:10px，中间间距不是 20px，只会是 10px。❌ 误区：给块级 div 加 text-align:center，不能让 div 盒子自己居中！→ 你设置的 width，包含 border 边框 + padding 内边距，不会撑大盒子。写反了，选中 active 的页码，hover 效果不出来。参数：x 偏移，y 偏移，模糊大小，扩展大小，颜色 后台组件阴影不要太重，淡淡的就可以。

2603_96589670的博客 320

CSS 弹性盒子布局：display: flex 从入门到实战

2009 年 W3C 提出了 Flexible Box Layout（弹性盒子布局），它用一套「主轴 + 交叉轴」的模型，把「排列、对齐、分配剩余空间」这些高频需求变成了一行 CSS 就能解决的事情。会立刻从「块级纵向排列」变成「横向一行排列」，这就是 Flex 最直观的效果。只改变视觉顺序，不改变 DOM 顺序，注意可访问性与 Tab 键顺序问题。这些方案要么需要清除浮动，要么需要精确计算宽度，垂直居中更是经典难题。所有对齐属性都是围绕这两个轴展开的，记住这一点，后面的属性就不会混淆。

2601_96876853的博客 455

【Web Development】02 CSS

CSS（层叠样式表 Cascading Style Sheets）。CSS 全称 Cascading Style Sheets 层叠样式表CSS 语法基础：颜色写法：直接写在 HTML 标签的属性里面。 特点：只作用于当前这一个标签。在 HTML 文档的标签中放置标签，内部写 CSS 规则。 特点：仅对当前这一个 HTML 页面生效。把全部 CSS 写在独立文件；在 HTML 用标签引入。 HTML 部分： mystyle.css 文件： 特点：多个网页可以共用同一个 css 文件，大型项目

lxylxylxy的博客 218

CSS2DObject 名称标签最小示例

在三维场景中实现随模型移动的名称标签，纯 DOM + CSS2DObject 方案兼具低实现成本、高样式与交互灵活性及良好性能。通过 document.createElement 组装带图标和文字的标签，利用 CSS2DObject 挂载并跟随模型，配合命名约定与 removeLabel 精准管理生命周期，支持点击、悬停、省略号等原生行为，避免内存泄漏，是中等规模标签场景的理想选择。

weixin_44242600的博客 287

CSS 仿写页面

拿到设计稿先别写代码。这篇文章先讲「怎么把一张图拆成 DOM 结构」，再把颜色表示、五种尺寸单位、background的六个子属性、文字排版属性逐个落地，最后说明opacity和rgba到底差在哪。

2401_89953644的博客 198

css注意事项一

button {}踩坑场景：你写的分页按钮 hover 变色不生效，大概率是别的选择器优先级更高，把你的样式覆盖了。规避：不要随便写!important，实在要提升优先级，叠加 class，比如。不要东写一条宽、下面突然写颜色、再回头写 padding，乱序后期改样式头大。

2603_96589670的博客 421

CSS 精灵技术（CSS Sprite）详解与实战

CSS 精灵技术（CSS Sprite，也叫「雪碧图」）是一种把多张小图片合并成一张大图，再通过定位来显示其中某一部分的图片优化方案。把多次 HTTP 请求合并成一次。页面上的图标、按钮、装饰小图如果各自是一个文件，浏览器就要为每个文件发起一次请求；合并成一张精灵图后，只需加载一次，再用 CSS 把「窗口」移动到对应位置即可。fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;

2601_96876853的博客 512
上一篇： iframe缓存不刷新问题彻底解决方法
下一篇： defineGetter and defineSetter in Firefox
点赞 0
评论 0
书签 书签 0
FuDesign2008
FuDesign2008
博客等级 码龄18年 44粉丝 119原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值