国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

給網站頭部添加視頻海報

heartFollower / 1822人閱讀

摘要:給網站頭部添加視頻海報視頻海報設置透明度循環播放,自動播放靜下來攜一縷清風,續一杯清茶且聽風輕云淡結果

給網站頭部添加視頻海報

 1 DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>視頻海報title>
 6     <style>
 7         *{
 8             margin: 0;
 9             padding: 0;
10         }
11     #banner{
12         width: 100%;
13         height: 500px;
14         background: purple;
15         overflow: hidden;
16         position: relative;
17     }
18     #banner video{
19         width: 100%;
20         position: relative;
21         opacity: 0.6;  /* 設置透明度 */
22     }
23 
24     #banner h2,h4{
25         position: absolute;
26         top: 120px;
27         left: 150px;
28         width: 100%;
29         text-align: left;
30         color: #fff;
31         line-height: 30px;
32         
33     }
34     #banner h2{
35         top: 80px;
36         font-size: 40px;
37         text-decoration: underline;
38     }
39     style>
40 head>
41 <body>
42     <div id="banner">
43         <video loop autoplay>    
44             <source src="video/banner.mp4">
45         video>
46         <h2>SLOW DOWNh2>
47         <h4>靜下來<br> 攜一縷清風,續一杯清茶 <br> 且聽風輕云淡h4>
48     div>        
49 body>
50 html>

結果

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1651.html

相關文章

  • Web前端開發標準規范

    摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...

    高璐 評論0 收藏0
  • Web前端開發標準規范

    摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...

    GHOST_349178 評論0 收藏0
  • Web前端開發標準規范

    摘要:頁面名稱月影功能模塊,請在模塊之間加入注釋,中英文不做要求活動規則開始活動規則活動規則結束自定義函數。參考頁面前端規范 web前端開發規范的意義 提高團隊的協作能力 提高代碼的復用利用率 可以寫出質量更高,效率更好的代碼 為后期維護提供更好的支持 一、命名規則 命名使用英文語義化,禁止使用特殊字符,禁止使用拼音,禁止使用中英文混合! 項目、目錄、html/css/js等文件命名全...

    newtrek 評論0 收藏0
  • 精彩文章大合集- 收藏集 - 掘金

    摘要:發布應用市場的平臺搶紅包工具紅包精靈開源啦掘金紅包精靈,如果喜歡,點個開源不易。作者將原素材文章進行了新內容的添加和重新排列,但是因為文章高效的代碼編寫技巧總結前端掘金本文總結了代碼編寫技巧,來提升你的和代碼。 收藏安卓開發中非常實用優秀的庫! 有圖有真相! - Android - 掘金本來是打算收藏工具類的,但轉念一想,已經有這么多優秀的庫了,就沒必要再去重復造輪子了,便歸納工作中比...

    ermaoL 評論0 收藏0

發表評論

0條評論

heartFollower

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<