IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

【CSS】背景パターン --サンプル集-- | 【WEBデザイン】

投稿日:2019/07/19

CSSだけでできる柄物の背景を、備忘録として書き記している記事です。

 

 

ドット柄

 

 
<div class="style1"></div>
.style1{
    background-color: #04bd41; 
    background-image: linear-gradient(45deg, #00ad39 25%, #04bd41 25%,transparent 75%, #04bd41 75%);
    background-size: 10px 10px;
    background-position: 0px 0px,3px 3px;
}