HTMLだけで引けるマーカー

スポンサーリンク

 

全部にピンクのマーカー 

<span style="background: linear-gradient(transparent 0%, #ff99cc 0%);">全部にピンクのマーカー</span>

 

上半分薄くなったピンクのマーカー

<span style="background: linear-gradient(transparent 0%, #ff99cc );">上半分薄くなったピンクのマーカー</span>


 


文字半分にピンクのマーカー


<span style="background: linear-gradient(transparent 50%, #ff99cc 50%);">文字半分にピンクのマーカー</span>


 


文字の下にピンクのマーカー


<span style="background: linear-gradient(transparent 80%, #ff99cc 80%);">文字の下にピンクのマーカー</span>


 


赤のマーカー


<span style="background: linear-gradient(transparent 80%, #ff9999 80%);">赤のマーカー</span>


 


紫のマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #cc99ff 80%);">紫のマーカー</span>


 


水色のマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #99ffff 80%);">水色のマーカー</span>


 


黄色のマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #ffff99 80%);">黄色のマーカー</span>


 


オレンジのマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #ffcc99 80%);">オレンジのマーカー</span>


 


緑のマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #99ff99 80%);">緑のマーカー</span>


 


茶のマーカー 


&lt;span style="background: linear-gradient(transparent 80%, #cc9966 80%);">茶のマーカー</span>


 

      


      
      
      

    






  
  
  

  

  
スポンサーリンク

  

    

          





  
      

        

  
  
  


  

    

      コメント          


      

  



  
  





          


        

      


    


    
    
    
    
    

    
  


  
  

  





  

      
  


  
            
            

            
テキストのコピーはできません。


























                
  


  

  

  

    
タイトルとURLをコピーしました