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