一、自適應橢圓
* border-radius特性：
* 可以單獨指定水平和垂直半徑，并且值可以是百分比，用/（斜杠）分隔這兩個值即可（可以實現(xiàn)自適應寬度橢圓）。
* 還可以單獨指定四個角度不同的水平和垂直半徑（可以實現(xiàn)半橢圓）
* 四分之一橢圓，主要是調整水平和垂直的半徑
* 示例代碼：
.wrap{
border-radius: 50% / 30%;
width: 60px;
height: 80px;
background: yellow;
}
.wrap02{
width: 60px;
height: 80px;
background: yellow;
border-radius: 50% / 100% 100% 0 0;
}
.wrap03{
width: 60px;
height: 80px;
background: yellow;
border-radius: 100% 0 0 0;
延伸閱讀
- ssh框架
2016-09-30
- 阿里移動安全 [無線安全]玩轉無線電——不安全的藍牙鎖
2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】
2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞
2017-07-26
- 從棧不平衡問題 理解 calling convention
2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明
2017-07-26
- Swift實現(xiàn)JSON轉Model - HandyJSON使用講解
2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析
2017-07-26
- 集合結合數據結構來看看(二)
2017-07-26
學習是年輕人改變自己的最好方式