文章詳情頁
前端 - CSS3:請問設(shè)計(jì)圖的圓角該如何測量？
瀏覽：112日期：2023-07-21 17:00:18
問題描述
最近學(xué)習(xí)了CSS3的border-radius屬性，請問一下，怎樣把設(shè)計(jì)圖的圓角給測量出來呢？謝謝！
問題解答
回答1：PS中使用輔助線測量圓角半徑；另外border-radius是可以使用/標(biāo)簽的，舉個(gè)例子：border-radius: 35px 25px 30px 20px / 35px 25px 15px 30px;，這樣下方兩個(gè)圓角是橢圓形，右下角x軸方向半徑為30px，y軸半徑為15px，左下角x軸方向半徑為20px，y軸半徑為30px，希望對你的學(xué)習(xí)有幫助。
標(biāo)簽：
CSS
上一條：css3 - 關(guān)于display: -webkit-box;下的-webkit-box-flex: 1。實(shí)際效果寬度并不是1:1下一條：transform - CSS3 transition在chrome下的BUG
相關(guān)文章：
1. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器？2. javascript - 循環(huán)嵌套多個(gè)promise應(yīng)該如何實(shí)現(xiàn)？3. mysql優(yōu)化 - 關(guān)于mysql分區(qū)4. css - 移動(dòng)端字體設(shè)置問題5. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個(gè)app?6. css3 - rem布局下，用戶瀏覽器的最小字號是12px怎么辦？7. vue.js - vue 打包后 nginx 服務(wù)端API請求跨域問題無法解決。8. 請教各位大佬，瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)9. 前端 - IE9 css兼容問題10. javascript - ionic2 input autofocus 電腦成功，iOS手機(jī)鍵盤不彈出
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備