• <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-17    seo達人

      如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

      前言:css3的出現(xiàn)使得我們可以通過前端技術(shù),讓網(wǎng)頁內(nèi)容變得更豐富,更華麗。今天來玩玩好玩的顏色漸變。

      一、背景顏色漸變。

      [html] view plain copy
      1. <body>  
      2. <style>  
      3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
      4. background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
      5. }  
      6. </style>  
      7. <div class="content">淺色夏沫,夏末微涼</div>  
      8. </body>  

      運行效果


      二、文字顏色漸變。

      [html] view plain copy
      1. <body>  
      2. <style>  
      3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;  
      4. background-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%);   
      5. -webkit-background-clip:text; -webkit-text-fill-color:transparent; }  
      6. </style>  
      7. <div class="content">淺色夏沫,夏末微涼</div>  
      8. </body>  

      運行效果


      三、邊框顏色漸變。

      [html] view plain copy
      1. <body>  
      2. <style>  
      3. .content { width:300px; height:100px; line-height:100px; text-align:center; font-size:32px; font-weight:bold;   
      4. border:10px solid;  
      5. border-image:-webkit-linear-gradient(left, red 0%, blue 30%, yellow 60%, green 90%) 10; }  
      6. </style>  
      7. <div class="content">淺色夏沫,夏末微涼</div>  
      8. </body>   

      運行效果

      藍藍設(shè)計www.wtxcl.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)


      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: 舞钢市| 亚洲成人精品| 国产美女久久久久| 岛国AV在线| 在线观看日韩欧美| 日韩欧美一区二区三区| 中国xxxx自拍| 无棣县| 亚洲AV无码日韩综合欧亚| 98人妻| 中文字幕四区| 天天撸狠狠操| 91乱伦视频| Chinese.色亚洲| 中文字幕亚洲综合久久蜜桃| AV黄色| 蜜桃一区二区免费视频观看| 无套内谢少妇毛片A片樱花| 精品无码一区二区三区| 人人操网| caoporn国产| 婷婷五月色| xxxxx少妇| 色天使色综合| 中文字幕在线网址| 制服丝袜亚洲在线| jizzjizz欧美| 欧美青青草| 少妇|91最新-91PORNY|九色| 97超碰资源总站| 日韩精品| 东北老头嫖妓猛对白精彩| 3P在线观看视频| 少妇|91最新-91PORNY|九色| 国模极品一区二区三区| 美女成人网站| av中文天堂| 国内成人免费自拍视频| 免费性爱视频| 色五月激情网| 男女一进一出视频久久|