博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css图形——椭圆
阅读量:5234 次
发布时间:2019-06-14

本文共 267 字,大约阅读时间需要 1 分钟。

在css中,我们也使用border-radius属性来实现椭圆

语法

border-radius:x/y;

说明:

x表示圆角的水平半径,y表示圆角的垂直半径。

例如:border-radius:30px相当于border-radius:30px/30px

想要实现椭圆,原理如下:高度和宽度不相等,其中四个圆角水平半径定义为宽度的一半,垂直半径定义为高度的一半

    
Document

结果:

 

转载于:https://www.cnblogs.com/masanhe/p/8359084.html

你可能感兴趣的文章
[NOIP模拟25]题解
查看>>
网络编程(七层模型)
查看>>
[Python Cookbook] Pandas: Indexing of DataFrame
查看>>
自定义标签开发库
查看>>
一文搞明白位运算、补码、反码、原码
查看>>
【译】如何使用webpack减少vuejs打包的大小
查看>>
python(windows版本安装,Geanypython编辑器安装)
查看>>
python变量和简单数据类型
查看>>
Java多线程编程核心技术-第1章-Java多线程技能-读书笔记
查看>>
Java多线程编程核心技术-第2章-对象及变量的并发访问-读书笔记
查看>>
Java多线程编程核心技术-第5章-定时器 Timer-读书笔记
查看>>
Java多线程编程核心技术-第7章-拾遗增补-读书笔记
查看>>
Java多线程编程核心技术-第3章-线程间通信-读书笔记
查看>>
Java多线程编程核心技术-第4章-Lock的使用-读书笔记
查看>>
Java多线程编程核心技术-第6章-单例模式与多线程-读书笔记
查看>>
[转载]oracle xml操作
查看>>
Java并发--Java中的CAS操作和实现原理
查看>>
理解serialVersionUID是什么?有什么用?如何生成?
查看>>
java1.8新特性整理(全)
查看>>
java.util.ConcurrentModificationException 异常问题详解
查看>>