制作上半圆,实现原理:把高度height设置为宽度width的一半,并且左上角和
原创 2022-12-21 10:23:28
409阅读
Title
原创 2022-04-21 13:50:10
723阅读
html5 半圆状代码 css 半圆
转载 2020-05-12 11:28:00
379阅读
边框圆角的作用 将原始的直角变为圆角 格式如下 border-radius: 100px 0px 0px 0px; 第一个参数:指定左上角的半径,如上的四个参数,按照 左上 / 右上 / 右下 / 左下 的顺序来编写的 如果省略一个参数, 会变成对角的值 <!DOCTYPE html> <html
原创 2021-03-22 19:25:00
2273阅读
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <meta name="Gen
转载 精选 2013-12-14 14:36:57
2868阅读
2021.04.30,写博客的第三天,分享一个好看好玩的css效果 效果图 html 部分 .toggle-wrapper .toggle-wrapper .toggle.normal input#normal(type="checkbox") label.toggle-item(for="norm ...
css
转载 2021-05-04 11:49:14
1710阅读
2评论
[img]http://dl.iteye.com/upload/attachment/558654/b4cbb58c-8812-3bb7-af30-4e70b7930591.jpg[/img][code="html"]/* BUTTONS */.buttons a, .buttons button{ display:block; float:left; mar...
原创 2011-09-22 17:30:47
442阅读
好看的颜色样式整理蓝灰色的颜色background:#dff;字体样式整理san字体样式font:bold24ptsans;加边框与圆角的设定border:solidblack2px;border-radius:10px;
原创 2017-12-25 13:26:14
5656阅读
1点赞
半圆半圆Python”问题是一个有趣且复杂的技术难题,涉及到多个因素的排列组合,尤其在Python编程环境下,具有显著的业务影响。以下是对此问题解决过程的详尽记录。 ## 背景定位 在某次系统测试中,用户反馈到“半圆半圆”的模型在实现过程中出现了明显的性能瓶颈,导致应用响应缓慢,进而影响了用户体验。 > **用户原始反馈:** > “我们的应用在处理半圆半圆的形状数据时响应很慢,
原创 6月前
11阅读
# 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阅读
# 如何实现漂亮的HTML5表格样式 作为一名经验丰富的开发者,我将教你如何实现漂亮的HTML5表格样式。首先,我们需要了解整个实现过程的流程,接下来再详细介绍每个步骤需要做什么以及需要使用的代码。 ## 实现流程 首先,让我们来看一下整个流程,我们可以用一个表格来展示: | 步骤 | 内容 | |------|------| | 1 | 创建HTML表格 | | 2 | 编写CSS样式
原创 2024-06-17 04:02:44
176阅读
要实现的效果图如下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阅读
半圆是在圆的基础上得到的,也就是圆的一半。我们可以用几何绘图软件轻松画出圆形和半圆,那么如何给它们进行填色呢?几何画板作为专门用来画图的软件,构造几何图形非常方便。那么对于半圆,该怎么绘制并给它填色呢?下面就一起学习用几何画板给半圆填色的方法。几何画板-Windows:http://wm.makeding.com/iclk/?zoneid=17783几何画板-Mac:http://wm.maked
设置一个长是宽的两倍的长方形,然后根据需要利用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、容器大小已定
<!-- 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评论
一、HTML表单(一)HTML表单简介1、HTML 表单是 HTML 文档中的一个区域。2、HTML 表单这个区域中包含了一系列的可交互元素。3、HTML 表单主要用于收集用户输入信息。(二)HTML表单定义<form action="#" method="get/post">   </form>1、action=" "   表单提交后,服务端
转载 2024-02-19 13:07:11
180阅读
动画定义:      动画是一种通过定时拍摄一系列多个静止的固态图像(帧)以一定频率连续变化、运动(播放)的速度(如每秒N张)而导致肉眼的视觉残象产生的错觉。---维基百科 查看动画渲染过程:在点开F12性能表查看,随便点击一行代码,点击ESC会出现一个控制台(console),点左上角三个小点(more tools),选择出现性能描写(Rendering)
转载 2024-05-22 15:17:52
91阅读
  • 1
  • 2
  • 3
  • 4
  • 5