• <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)容,每天自動發(fā)到您的郵箱中, 請點(diǎn)這里

      前言: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>  

      運(yùn)行效果


      二、文字顏色漸變。

      [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>  

      運(yùn)行效果


      三、邊框顏色漸變。

      [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>   

      運(yùn)行效果

      藍(lán)藍(lán)設(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ù)


      日歷

      鏈接

      個人資料

      存檔

      主站蜘蛛池模板: 自拍日韩亚洲一区在线| 丝瓜视频成人| 国产激情粗大| 国产波多野结衣中文在线播放| 亚洲AⅤ永久无码精品毛片| 三级色网| 日韩乱码av| 辽阳市| 大城县| 日韩极品视频在线观看免费| 成人A在线播放| 国产老熟女伦老熟妇露脸| 熟妇人妻无乱码中文字幕真矢织江 | 国模精品视频一区二区| 一区二区午夜| 91TS人妖另类精品系列| 热国产综合| 3pAV在线播放| 驻马店市| 19禁无遮挡啪啪无码网站性色| 精品人妻一区二区三区在线视频不卡| 久久发布国产伦子伦精品| 揭西县| 久久婷婷人人澡人人爱91| 午夜影院色| 日本高清一区| 美女裸体无遮挡黄污网站| 亚洲日韩AV一区二区三区四区| 欧美又粗又大| 太谷县| 亚洲第一男人天堂| 亚洲成a人片在线观| 狠狠亚洲超碰狼人久久老人| 亚洲精品国男人在线视频| 97超碰资源总站| 中文字幕一区三区| 亚洲AV性色精品国产小电影| 午夜无码福利视频| av不卡一区二区| 日韩欧美中文| 成人自拍偷拍|