利用CSS實現漸層效果,使網站更美觀

來源:互聯網
上載者:User

第一步:將CSS主要代碼封裝進單獨檔案(方便重複利用)

.HomeCon

{

     border:border:1px solid dimgray;

     filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr= #284775, EndColorStr=#cccccc);

}

其中

GradientType設定為0表示垂直漸層(從上到下);設定為1則表示水平漸層(從左至右)。

StartColorStr表示漸層開始顏色

EndColorStr表示漸層結束顏色

 

第二步:在要應用的地方引用CSS即可。(略)

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.