就是這樣一張圖。這個還是很簡單的。在做到裡面那兩個小的黃色部分的時候。要用到border-radius屬性。而且只是設定乙個角的屬性。不過當我用webstorm自動聯想的出錯了，於是決定去w3c查一查為什麼。然後就看到了這麼個**。
我很疑惑啊。上網查了一下為什麼。簡單來說。border-radius只是乙個縮寫。是把四個角的屬性都給設定了。他是可以乙個個設定的。就像我上面要用到的。
但是這個時候還有乙個問題。邊框彎曲是兩方面的事，為什麼只設定乙個值。
這個時候，這個/就派上用場啊，/前面部分的是水平方向的的彎曲半徑，而後面一組就是垂直方向的彎曲半徑，而且使用賦值規律，所以在w3c上才會有這種寫法。
關於圓角border radius
一 border radius 可以同時設定1 4個值 a 1個值 控制4個圓角 b 2個值 第1個控制左上角和右下角 第2個值控制左下角和右上角 c 3個值 第1個控制 第2個值控制左下角和右上角 第三個值控制右下角 d 4個值 依次控制4個圓角 從左上角 到 左下角 單個圓角的設定 border...
border radius 圓角半徑
相關屬性 border top right radius border bottom right radius border bottom left radius border top left radius 由浮點數字和單位識別符號組成的長度值。不可為負值。border top left radi...
border radius屬性詳解
border radius屬性的應用，大家最熟悉的應該就是頭像了，但其實，border radius屬性還是很強大的，你能相信，下面兩個圖形都是用border radius畫出來的麼？下面是我結合網上大佬們的部落格資料以及自己的實踐結果得出來的一些結論，有什麼不對的望各位大神們批評指出，謝謝 我們經...