課程
/前端開發
/HTML/CSS
/CSS圓角進化論
四個圓角是怎么做出來的，感覺圖片在ps中顯示的是4*3的矩形，沒有圓角，請問是這個樣子的嗎？
2015-08-21
源自：CSS圓角進化論 2-2
正在回答
1、這個教程中的圓角太小了，而且顏色偏淡，看起來好像沒有圓角的樣子，實際上是有的；
2、在PS里面用圓角矩形工具就可以做出這個圖了，然后再切圖出來，不需要用到漸變色。
附：圖中有詳細說明，注意框選中的區域。
你說的這個我知道，但是我想問的是那四個圓角圖片是怎么做出來的，感覺像是用的漸變色（關于背景圖片實現圓角），難道是用四個小的圖片覆蓋大的背景圖片顏色？
border-radius:5px;?border-radius:5px?5px?5px?5px;
4個參數分別代表左上、右上、右下、左下，也可以只用一個參數代替
舉報
CSS小圓角，三種制作方式都教給你，并詳細講解每一種的實現方式
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-09-07
1、這個教程中的圓角太小了，而且顏色偏淡，看起來好像沒有圓角的樣子，實際上是有的；
2、在PS里面用圓角矩形工具就可以做出這個圖了，然后再切圖出來，不需要用到漸變色。
附：圖中有詳細說明，注意框選中的區域。
2015-08-24
你說的這個我知道，但是我想問的是那四個圓角圖片是怎么做出來的，感覺像是用的漸變色（關于背景圖片實現圓角），難道是用四個小的圖片覆蓋大的背景圖片顏色？
2015-08-21
4個參數分別代表左上、右上、右下、左下，也可以只用一個參數代替