1樓：大束
border-top-left-radius可以風別設定水平和垂直方向半徑。
另外svg畫：
="200" height ="200" style ="border:1px solid;" > fill ="red" stroke ="none"d= "M 50,80 c 0,-50 100,-50 100,0q 0,20 -50,80 q -50,-60 -50,-80z" />svg> 2樓： 看三角邊圓潤的小弧度，目測題主給的是切片？ 如果題主一定要用CSS實現的話也不是不可以只講個思路： 首先將border-radius右值適當調大； 使用偽元素畫兩個半徑較小的圓點； 使用transform: scaleX(n)將其拉長與三角兩邊等長； 使用translate和rotate分別將兩個變形後的圓貼在三角的兩邊上。 End. PS我等渣農還不會用canvas繪圖求輕噴_(:3」∠)_ 3樓： 這明明是撥片好不好。。。 試試這個，跟樓主的目標也不完全一樣，不過是一種方法.tip-hint .tip-hint:first-child.tip-hint .tip-hint::before 前端小姐姐 站在個人角度來說，我認為CSS還是有很多趣味的，所以有時候真的不要輕易目空一切。作為一名前端工程師，往高階說 Grid 濾鏡 動畫，往底層說排版原理，line box，就乙個 vertical align 的各個值的含義有幾個人能說清楚？再往遠說 svg，canvas，dc，d3，web... 蘇夢苓 我們在學習前端上還是要遵循一下學習的先後順序的，就比如現在蠻多的公司在招聘的時候大部分都是要求會框架，有一些專案經驗的。那我們在學習的過程中直接去學框架vue嗎，肯定是不能這樣的，因為前端的基礎沒學好後續的學起來難度太大了，非常實力，而且這樣的學習後你去找工作也比較難找，基礎不紮實，很多在工... 杏鮑菇炒肉 這就逼得我不得不說兩句了。css煩嗎？拜託，css是一項藝術，一項繪畫的藝術，是前端最讓人著迷的藝術。如果說你覺得這個東西煩，那就只能你學習的時候，直接去看了文件，並且挨個去看每一項css屬性的設定，最後看的頭暈眼花，自信心挫敗。沒必要，完全沒必要這麼做，對於css，你只需要記住兩個單詞...前端工程師討厭寫 CSS 是什麼心態？
現自學前端開發，在看HTML和CSS基礎課程，HTML5好像火了，想學，可以直接學HTML5嗎？
初學前端，非常煩寫css，完全提不起興趣，是不是可以放棄前端這個方向了？