開本系列,討論一些有趣的 CSS 題目,拋開實(shí)用性而言,一些題目為了拓寬一下解決問題的思路,此外,涉及一些容易忽視的 CSS 細(xì)節(jié)。
解題不考慮兼容性,題目天馬行空,想到什么說什么,如果解題中有你感覺到生僻的 CSS 屬性,趕緊去補(bǔ)習(xí)一下吧。
不斷更新,不斷更新,不斷更新,重要的事情說三遍。
所有題目匯總在我的 Github 。
題目1、下面這個圖形,只使用一個標(biāo)簽,可以有多少種實(shí)現(xiàn)方式:
假設(shè)我們的單標(biāo)簽是一個 div
: