css linear-grandient實現(xiàn)棋盤圖案 簡版

.qipanLinear{

margin-top:10px;

margin-bottom:10px;

width:200px;

height: 200px;

background:#eee;

background-image:linear-gradient(45deg,#ccc 25%,transparent 0),

linear-gradient(45deg,transparent 75%,#ccc 0),

linear-gradient(45deg,#ccc 25%,transparent 0),

linear-gradient(45deg,transparent 75%,#ccc 0);

background-size:30px 30px;

background-position: 0 0,15px 15px,15px 15px,30px 30px;

}
--------------------- 
作者:小萌丹 
來源:CSDN 
原文:https://blog.csdn.net/qq_37029814/article/details/81877080 
版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請附上博文鏈接!
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一,垂直條紋. 二,水平條紋: 三,斜向條紋: 四,同色系條紋: 效果圖:
    木子木木lmd閱讀 1,002評論 0 0
  • 這32種圖形分別為圓形,橢圓形,三角形,倒三角形,左三角形,右三角形,菱形,梯形,長方形,正方形,圓環(huán),平行四邊形...
    yuanjiex閱讀 744評論 0 0
  • 1. 某某人,根據(jù)你的自我定義,你覺得怎樣的自己才是值得被愛的?為什么? 根據(jù)我的定義,我覺得把所有人比下去自己才...
    小雪花M閱讀 303評論 0 0
  • 文/王漫 “師者,所以傳道授業(yè)解惑也?!比松谑?,從事各行各業(yè),都要拜師學(xué)藝,只有在老師的精心指導(dǎo)下,才能走得更遠(yuǎn)...
    武商路漫漫閱讀 1,599評論 28 36
  • 學(xué)習(xí)從工作開始,一畢業(yè)就投入教育行業(yè),到現(xiàn)在已有8年時間了,回想起剛開始到現(xiàn)在,感覺就像蠶的一生,蠶的成長要經(jīng)...
    羊咩咩tiy閱讀 173評論 0 5

友情鏈接更多精彩內(nèi)容