制作上半圆，实现原理：把高度height设置为宽度width的一半，并且左上角和
原创
2022-12-21 10:23:28
409阅读
边框圆角的作用 将原始的直角变为圆角 格式如下 border-radius: 100px 0px 0px 0px; 第一个参数：指定左上角的半径，如上的四个参数，按照 左上 / 右上 / 右下 / 左下 的顺序来编写的 如果省略一个参数, 会变成对角的值 <!DOCTYPE html> <html
原创
2021-03-22 19:25:00
2273阅读
“半圆套半圆Python”问题是一个有趣且复杂的技术难题，涉及到多个因素的排列组合，尤其在Python编程环境下，具有显著的业务影响。以下是对此问题解决过程的详尽记录。
## 背景定位
在某次系统测试中，用户反馈到“半圆套半圆”的模型在实现过程中出现了明显的性能瓶颈，导致应用响应缓慢，进而影响了用户体验。
> **用户原始反馈：**
> “我们的应用在处理半圆套半圆的形状数据时响应很慢，
# CSS 卡券样式半圆 iOS 不适配
在移动端开发中，经常会遇到不同设备或系统的适配问题。其中，iOS 系统在渲染 CSS 样式时，有时会出现一些奇怪的问题。本文将介绍在 iOS 系统下卡券样式半圆不适配的情况，并给出解决方案。
## 问题描述
在开发过程中，我们经常会用到卡券样式，其中常见的一种是卡券上方为半圆形状。然而，在 iOS 系统上，这种样式可能会出现显示不正常的情况，导致卡券
原创
2024-06-29 04:50:40
29阅读
效果如图：思路：子绝父相，通过伪元素把一个白色的圆（和背景色相同）放在矩形中心两边。<html> <head> <style> /* top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置 */ /* transform:translate(-50%,-50%); 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于中心位置。 */ .semi-circle {
原创
2021-09-02 10:02:19
1405阅读
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Test</title> <style> .tip { position: relative; background-color: deepskyblue; margin: 2
原创
2021-08-04 15:29:25
3473阅读
半圆是在圆的基础上得到的，也就是圆的一半。我们可以用几何绘图软件轻松画出圆形和半圆，那么如何给它们进行填色呢？几何画板作为专门用来画图的软件，构造几何图形非常方便。那么对于半圆，该怎么绘制并给它填色呢？下面就一起学习用几何画板给半圆填色的方法。几何画板-Windows：http://wm.makeding.com/iclk/?zoneid=17783几何画板-Mac：http://wm.maked
转载
2023-09-05 22:08:15
271阅读
要实现的效果图如下svg 语法学习可以参考https://developer.mozilla.org/zh-CN/docs/Web/SVG网站上的语法元素参考path元素用来定义形状的通用元素。
下面的命令可用于路径数据：M = movetoL = linetoH = horizontal linetoV = vertical linetoC = curvetoS = smooth curveto
转载
2024-03-14 17:37:27
77阅读
设置一个长是宽的两倍的长方形，然后根据需要利用border-radius去除两个顶角。实例（画了四个半圆）： 代码：
原创
2022-03-04 10:17:33
565阅读
设置一个长是宽的两倍的长方形，然后根据需要利用border-radius去除两个顶角。实例(画了四个半圆)：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c...
原创
2022-09-01 15:31:25
135阅读
今天的工作涉及到一个未知图片大小（图片小于容器大小）的垂直居中的问题。很久之前就“久仰”各种浏览器对css垂直居中的“支持”情况了，比较难搞，完全不像水平居中那样简单。趁有机会就整理了一些情况下的垂直水平居中的情况，给大家和自己做个参考，欢迎指正。 以下例子都经过测试，在ie6、7、8和ff上无兼容性问题。在下面的预览可能会出现问题，大家可以直接把代码拷回本地html文件测试 1、容器大小已定
居中显示模态框 <style> body { height:1200px; } #alert-box { display:table; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; z-index ...
转载
2021-09-13 18:26:00
258阅读
2评论
框模型，其中的细节问题，需要再查阅资料。CSS内边距、边框、外边距 CSS框模型定义了元素框处理元素内容、内边距、边框 和 外边距 的方式。 内边距、边框和外边距默认值都是0。许多元素由用户代理样式表设置外边距和内边距，可以通过将元素的 margin 和 p
原创
2022-09-08 16:57:12
267阅读
<!-- html部分 --> <div class="a"> <!-- a这个大卡片里边分上下两个卡片，对应上边灰色和下边白色部分 --> <div class="b"></div> <div class="c"></div> </div> /* css部分 */ body{ background ...
转载
2021-08-27 12:10:00
982阅读
2评论
本周，OPPO发布了全新的OPPO X 2021卷轴屏概念机。由于其搭载了一块伸缩自如、可大可小的无级OLED柔性卷轴屏，使得OPPO在智能手机研发探索领域再进一步。
不过，这并不是OPPO对智能手机唯一的探索方向，在智能手机外观设计领域OPPO一直有着多种思路。
消息显示，今年四月OPPO向WIPO(世界知识产权局)申请了一项名为“终端设备”的专利，随后的
转载
2023-10-30 21:01:36
143阅读
首先要定义盒子的宽和高，只需将 border-radius 设为高度的一半即可实现。.radius{ width: 300px; height: 200px; background: red; border-radius: 100px;}实现效果：
原创
2021-06-07 17:12:51
2709阅读
# 如何实现“半圆Python”
在学习如何实现“半圆Python”之前，我们首先需要理解整个制作过程的各个步骤。以下是实现半圆的完整流程。
## 实现步骤
| 步骤 | 描述 | 代码示例 |
|------|------------------------------|--------------
