パールライン
パール(オフホワイト)
【html】
<div class="p-line-off"></div>
【css】
.p-line-off{
height:20px;
background-size:20px 20px;
background-image:
radial-gradient(transparent 10px,#fff 0),
radial-gradient(#fff 2px,#ece4cc 10px);
background-position:0px 0px,-3px -3px;
margin:5px 0;}
パール(ピンク)
【html】
<div class="p-line-pink"></div>
【css】
.p-line-pink{
height:20px;
background-size:20px 20px;
background-image:
radial-gradient(transparent 10px,#fff 0),
radial-gradient(#fff 2px,#ffe0cc 10px);
background-position:0px 0px,-3px -3px;
margin:5px 0;}
パール(白)
【html】
<div class="p-line-white"></div>
【css】
.p-line-white{
height:20px;
background-size:20px 20px;
background-image:
radial-gradient(transparent 10px,#fff 0),
radial-gradient(#fff 2px,#ccc 10px);
background-position:0px 0px,-3px -3px;
margin:5px 0;}
パール(緑)
【html】
<div class="p-line-green"></div>
【css】
.p-line-green{
height:20px;
background-size:20px 20px;
background-image:
radial-gradient(transparent 10px,#fff 0),
radial-gradient(#fff 2px,#ccf4ea 10px);
background-position:0px 0px,-3px -3px;
margin:5px 0;}
TOP≫SUB≫CSS実験室
＊前←169→次＃