html代码：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<style>
- { margin:0px;padding:0px;}
ul { width:399px;height:399px;border:1px solid #000;overflow:hidden;margin:50px;}
ul li { width:199px;height:199px;float:left;list-style:none;text-align:center;line-height:199px;}
ul li:nth-child(1) {background-color:#f00;border-bottom:1px solid #000;}
ul li:nth-child(2) {background-color:#007832;border-bottom:1px solid #000; }
ul li:nth-child(3) {background-color:#0c9fe0;}
ul li:nth-child(4) {background-color:#c4a809;}
ul li:nth-child(2n+1) { border-right:1px solid #000;}
</style>
點(diǎn)擊查看更多內(nèi)容
1人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶(hù)
支付方式
打開(kāi)微信掃一掃，即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)