2024-04-29css样式设置border-rradius后，圆角缺少、遮挡问题_css圆角掩藏

https://www.qianduange.cn//article/6432.html 分类：前端知识

2024-04-15​​​​最近遇到一个css样式，最终需要实现渐变色 圆角的边框，最开始我的想法是通过border-image和border-radius实现这种效果，后来发现这两个属性竟然不兼容。_border渐变色 圆角

https://www.qianduange.cn//article/5024.html 分类：前端知识

2024-04-15content-box：盒子的实际宽度和高度仅应用于元素内容，不包括内边距和边框。制作上半圆或下半圆时，元素的宽度是高度的2倍，而且圆角半径为元素的高度值。制作左半圆或右半圆时，元素的高度是宽度的2倍，而且圆角半径为元素的宽度值。border-box：盒子的实际高度和宽度包括元素内容、边框和内边距。利用border-radius属性制作扇形遵循“三同，一不同”原则。圆角的半径为元素宽度的一半，或者直接设置圆角半径值为50%“三同”是元素宽度、高度、圆角半径相同。元素的宽度和高度必须相同。_html5盒子模型 contentbox

https://www.qianduange.cn//article/4991.html 分类：前端知识

2024-04-07头部head的样式，因为叮当猫的头部不是正圆，所以宽高有一点偏差，然后使用border-radius将头部从矩形变成椭圆形，然后再使用径向渐变从右上角给背景来个放射性渐变，然后在加个阴影，使其更有立体感，background：#07bbee;接下来，我们按照头部，脖子，身体，脚部分别进行演示。OK，这样，眼睛就会动了，有兴趣的可以试一下，这里就无法展示了。我们经常使用PS或者Flash制作动画，本文则介绍了如何用CSS3画出个叮当猫，实现过程很有趣，感兴趣的朋友可以参考一下。好吧，脖子和身子都有啦！

https://www.qianduange.cn//article/4518.html 分类：前端知识

2024-02-15前言CSS3 边框　1.border-radius圆角边框　2．box-shadow 边框阴影　3．border-image 边框图像CSS3 转换transform 属性　1．CSS3 2D 转换总结

https://www.qianduange.cn//article/2056.html 分类：前端知识

2024-03-20clip-path CSS 属性可以创建一个只有元素的部分区域可以显示的剪切区域。区域内的部分显示，区域外的隐藏。剪切区域是被引用内嵌的 URL 定义的路径或者外部 SVG 的路径。使用 border 实现三角形应该是大部分人都掌握的，也是各种面经中经常出现的，利用了高宽为零的容器及透明的 border 实现。使用伪元素在一个正方形的元素上创建一个完全重叠的圆形，并使用transform属性将其缩小到所需大小。将一个正方形的元素的border-radius属性设置为50%即可将其变为一个圆形。_css画图

https://www.qianduange.cn//article/3966.html 分类：前端知识

2024-03-18CSS3 概述CSS3 是CSS2 的升级版本，新增了很多强大的新功能；CSS3 的未来会按照模块化的方式去发展。CSS3 的私有前缀1）什么是私有前缀？下面代码中的-webkit-就是私有前缀div {2）为什么要有私有前缀？W3C 标准提出的某个 CSS 特性在被浏览器正式支持之前，浏览器厂商会根据浏览器的内核，使用私有前缀来测试该CSS特性，在浏览器正式支持该CSS特性后，就不需要私有前缀了。例如：-webkit-border-radius: 20px;

https://www.qianduange.cn//article/3928.html 分类：前端知识

2024-02-29.search-wrapper { /* flex布局，换行、左对齐 */ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 40rpx; position: absolute; top: 240rpx; left: 0; right: 0;}.city { font-size: 24rpx; background: #fff; border-radius: 20rpx; padding: _flex每行显示4个元素

https://www.qianduange.cn//article/2927.html 分类：前端知识

2024-02-28利用CSS3的border-radius属性实现特殊图形。_css异形

https://www.qianduange.cn//article/2861.html 分类：前端知识

2024-02-10一、盒子模型圆角边框二、代码示例1、代码示例 - 正常矩形边框2、代码示例 - 圆形边框3、代码示例 - 圆角矩形边框4、代码示例 - 综合对比示例_css如何将盒子设置为圆角

https://www.qianduange.cn//article/1650.html 分类：前端知识