css 在背景圖上加漸變

本文轉載自查看原文 2017-07-18 10:40 7381 CSS

<html>

<head>
<title>我的第一個 HTML 頁面</title>
<style>
    .banner {
        width: 100%;
        background: linear-gradient(to right bottom,rgba(0,0,0,0.9),rgba(0,0,0,0)),url(2.jpg) no-repeat center;
        height: 300px;
        color:white;
    }
  .center{
      width:1200px;
      margin:0 auto;
  }
</style>
</head>

<body>
 
    <div class="banner">
        <div class="center">
            <hgroup>
                <h2>開發者文檔</h2>
                <h3>開發者在創建公眾號、獲得接口權限后，可閱讀開發者文檔幫助完成接入及功能開發。</h3>
            </hgroup>
        </div>
    </div>
    
</body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 CSS 實現圓形圖上下兩種顏色（字體漸變、背景漸變） css3 背景漸變 CSS不用背景圖片實現優惠券樣式反圓角,凹圓角,反向半圓角,並且背景漸變 Flutter之Decoration（邊框、圓角、陰影、形狀、漸變、背景圖像等） flutter Container顏色漸變（背景圖,邊框,形狀,陰影） CSS 背景顏色圖片線性漸變圓形漸變 CSS 實現背景色漸變和文字顏色漸變 CSS3背景顏色漸變屬性(gradients) css背景色漸變代碼 CSS之background——背景與漸變練習題