您的位置：首页技术文章
文章详情页

前端 - CSS3:请问设计图的圆角该如何测量？

浏览：111日期：2023-07-21 17:00:18

问题描述

最近学习了CSS3的border-radius属性，请问一下，怎样把设计图的圆角给测量出来呢？谢谢！

问题解答

回答1：

PS中使用辅助线测量圆角半径；另外border-radius是可以使用/标签的，举个例子：border-radius: 35px 25px 30px 20px / 35px 25px 15px 30px;，这样下方两个圆角是椭圆形，右下角x轴方向半径为30px，y轴半径为15px，左下角x轴方向半径为20px，y轴半径为30px，希望对你的学习有帮助。

标签： CSS
上一条：css3 - 关于display: -webkit-box;下的-webkit-box-flex: 1。实际效果宽度并不是1:1下一条：transform - CSS3 transition在chrome下的BUG
相关文章：
1. javascript - 原生canvas中如何获取到触摸事件的canvas内坐标?2. python - Scrapy存在内存泄漏的问题。3. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？4. CSS3 画如下图形5. javascript - Express 和 request 如何代理远程图片？6. javascript - 移动端引入js去控制根元素的font-size，但在页面初始化时会有抖动的情况，请问有别的优化方法么7. javascript - 关于<a>元素与<input>元素的JS事件运行问题8. javascript - js中向下取整9. javascript - 你们怎样实现前端分页的？10. javascript - html5的data属性怎么指定一个function函数呢？
排行榜
后代选择器与元素选择器
后代选择器与元素选择器
1. mac连接阿里云docker集群，已经卡了2天了，求问？
2. angular.js - angular2 有什么cool的loading组件么？
3. javascript - Express 和 request 如何代理远程图片？
4. JAVA中获取文件输入流跟内存占用的关系
5. CSS3 画如下图形
6. javascript - windows下如何使用babel，遇到了困惑
7. android - react-native 的headless.js Java API 的代码怎么使用？
8. python - 在使用Pycharm时经常看到如下的样式，小括号里红色的部分是什么意思呢？
9. javascript - 移动端粘贴事件，onpaste事件在app中无效，在app中怎么监测到粘贴事件
10. javascript - js中向下取整
热门标签