• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      【css】背景顏色漸變，文字顏色漸變，邊框顏色漸變
      
				
      
					
       2018-5-20      seo達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      
    如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

      

      
    
    
      
        前言：css3的出現(xiàn)使得我們可以通過前端技術(shù)，讓網(wǎng)頁(yè)內(nèi)容變得更豐富，更華麗。今天來玩玩好玩的顏色漸變。
    
      
    
      
        一、背景顏色漸變。
    
      
    
      
        
      
            
      
                [html] view plain copy
                
      
                
      
                
      
                
      
      
            
      
        
      
        
        
            
      1. 
                <body>  
            
        2. 
            
      2. 
                <style>  
            
        3. 
            
      3. 
                .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
            
        4. 
            
      4. 
                background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
            
        5. 
            
      5. 
                }  
            
        6. 
            
      6. 
                </style>  
            
        7. 
            
      7. 
                <div class="content">淺色夏沫，夏末微涼</div>  
            
        8. 
            
      8. 
                </body>  
            
        9. 
        
      
    
      
    
      
        運(yùn)行效果
    
      
    
      
        
      
      
    
      
    
      
        二、文字顏色漸變。
    
      
    
      
        
      
            
      
                [html] view plain copy
                
      
                
      
                
      
                
      
      
            
      
        
      
        
        
            
      1. 
                <body>  
            
        2. 
            
      2. 
                <style>  
            
        3. 
            
      3. 
                .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
            
        4. 
            
      4. 
                background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
            
        5. 
            
      5. 
                -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  
            
        6. 
            
      6. 
                </style>  
            
        7. 
            
      7. 
                <div class="content">淺色夏沫，夏末微涼</div>  
            
        8. 
            
      8. 
                </body>  
            
        9. 
        
      
    
      
    
      
        運(yùn)行效果
      
      
    
      
    
      
        
      

    
      
    
      
        三、邊框顏色漸變。
    
      
    
      
        
      
            
      
                [html] view plain copy
                
      
                
      
                
      
                
      
      
            
      
        
      
        
        
            
      1. 
                <body>  
            
        2. 
            
      2. 
                <style>  
            
        3. 
            
      3. 
                .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;   
            
        4. 
            
      4. 
                border:10px solid;  
            
        5. 
            
      5. 
                border-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%) 10; }  
            
        6. 
            
      6. 
                </style>  
            
        7. 
            
      7. 
                <div class="content">淺色夏沫，夏末微涼</div>  
            
        8. 
            
      8. 
                </body>   
            
        9. 
        
      
    
      
    
      
        運(yùn)行效果
    
      
    
      
        藍(lán)藍(lán)設(shè)計(jì)( m.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 
    
      

      
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
91九色在线观看|
日韩精品人妻|
久久婷婷五月综合色首页|
香蕉eeww99国产在线观看|
集贤县|
国产精品9区|
一区二区三区视频|
亚洲欧美另类在线一区二区三区
|
99热在线只有精品|
亚洲自拍偷拍一区二区|
亚洲在线一区二区|
无码探花|
久久综合香蕉国产蜜臀AV|
日韩AV无码午夜免费福利制服|
av高清|
亚洲另类调教|
国产富婆一区二区三区|
春梦视频站|
A片A级毛片|
亚洲欧美制服|
1024看片你懂的|
留坝县|
色翁荡熄又大又硬视频|
潘金莲a级片|
亚洲乱码国产乱码精品精网站|
99国产视频|
97香蕉碰碰人妻国产欧美|
久久久精品人妻一区二区三区日本
|
制服.丝袜.亚洲.中文.综合|
久草在线资源|
亚洲一区二区三区免费av在线|
插穴网站|
人妻无码人妻有码不卡|
黄色av日韩在线观看|
国产一级一片免费播放|
无码人妻中文字幕|
va精品在线|
午夜av一区|
影音先锋在线视频|
成人区人妻精品一区二区不卡视频|
H工口全彩里番库18禁无遮挡
|