整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          你知道空白網頁的顏色是什么嗎?

          你知道空白網頁的顏色是什么嗎?


          者:前端日志

          轉發鏈接:https://mp.weixin.qq.com/s/zoEfqIwfsnAWVO8L7xuUuQ

          無聊打發時間,利用css簡單寫一個給網站文章內容的右上角添加一個原創標識;

          用來提醒他人本篇為本站原創,轉發文章時候請附轉載地址。



          首先,我們修改下方css類名“tx-box”改為你自己文章最外層盒子的類名,找不到可聯系小編鵬仔幫你哦。

          然后,修改background 的圖片路徑,圖片大家自行下載(ps簡單做了兩個小圖標,一個帶白的陰影,一個不帶,自行選擇,psd忘記保存,也沒什么需要修改),引入。


          下載圖片 iqzhan.com/post/69.html


          接著將下方css放到網站公共css中,或者找到文章區域引入css的文件。

          CSS

          .tx-box .info-con{
              position: relative;
          }
          .tp-yuanchuang{
              position: absolute;
              top: 0;
              right: 0;
              z-index: 1;
              opacity: .8;
              width: 110px;
              height: 70px;
              background: url(圖片路徑) no-repeat;
              background-size: auto;
          }

          opacity為水印透明度,0-1范圍,如果覺得顏色比較重,可往小的設置 .5


          最后,我們在編輯文章時候,哪篇文章需要,我們在文章編輯時,編輯器的html中,放入下方html代碼即可。

          Markup

          <div class="tp-yuanchuang"></div>

          TML顏色代碼

          官網是這樣介紹的:使用我們的顏色選擇器、顏色表和HTML顏色名稱來獲取HTML顏色代碼、Hex顏色代碼、RGB和HSL值。即刻開始吧!

          顏色選擇器

          尋找完美色彩從未如此簡單,使用我們的HTML顏色選擇器來瀏覽上百萬的顏色和色彩搭配。

          顏色選擇器

          顏色選擇器動圖

          操作:

          • 選取顏色

          點擊左側顏色樣本將其添加到您的調色板。

          • 保存顏色

          在您的調色板上保存和撤銷保存顏色;下次您訪問時候它們會在這里。

          • 導出顏色

          將您當前的調色板以Hex、RGB、HTML、CSS和SCSS 格式輸出。試一下吧!

          顏色表

          有了這些扁平化設計、Material Design和網頁安全顏色表,一定可以為您的網頁或應用程序找到完美的色彩方案 – 只需不停地尋找!

          顏色表

          顏色表動圖

          顏色名

          現代瀏覽器支持140種已命名的顏色,如下所列。根據名稱、Hex代碼或RGB值將其用于您的HTML和CSS。

          顏色名

          如何使用HTML顏色名

          關于這個網站,作者是這么說的

          之所以建立HTML顏色代碼,是因為我們認為設計工具本身有應有精良的設計。如果您喜歡這個網站或有何建議與反饋,歡迎您隨時發電子郵件與我們聯系

          同時這個網站還有其他有趣好玩的分享,比如最佳調色板生成器(選擇完美的色彩方案是任何網站或項目的關鍵部分,為了幫助您找尋完美的顏色組合,我們已將今天最佳的調色板生成器和網絡工具收集在一起編成列表),終極指南免費庫存照片(每個網站都需要很好的創造力,所以我們將最喜愛的可獲得免版稅圖庫照片的地方匯集做成特贊的列表。沒錯,全部是魅力圖庫圖片,100%免費),如何根據顏色搜索圖片(搜索與您的顏色方案相匹配的圖片可能會相當耗時,所以我們把最愛的圖片搜索工具列成了一個簡短的清單,這些工具可以使用顏色對其搜索結果加以過濾或完善)等等

          最后說一遍,這個網站有中文,有中文,有中文

          網址分享,打開馨客棧導航:http://www.mackxin.com/nav.html

          然后找到下圖所示:

          在線HTML顏色代碼

          更多分享,請關注馨客棧

          關注分享,體驗樂趣


          主站蜘蛛池模板: 韩国福利影视一区二区三区| 日本不卡在线一区二区三区视频| 好爽毛片一区二区三区四| 国产精品亚洲不卡一区二区三区| 美女一区二区三区| 国产成人精品a视频一区| 在线欧美精品一区二区三区 | 国产手机精品一区二区| 99精品高清视频一区二区| 国产精品亚洲专区一区| 麻豆一区二区免费播放网站| 免费视频一区二区| 国产av熟女一区二区三区| 亚洲国产成人精品久久久国产成人一区二区三区综 | 视频在线一区二区| 毛片一区二区三区无码| 国产精品高清一区二区三区| 国产精品免费大片一区二区| 四虎精品亚洲一区二区三区| 波多野结衣精品一区二区三区 | 精品人妻无码一区二区三区蜜桃一| 一区二区三区观看免费中文视频在线播放 | 国产香蕉一区二区三区在线视频 | 97一区二区三区四区久久| 日韩精品无码一区二区三区| 一区二区三区国产精品| 午夜影视日本亚洲欧洲精品一区| 熟妇人妻一区二区三区四区| 亚洲午夜日韩高清一区| 日韩有码一区二区| 一区二区三区在线观看免费| 一区二区在线视频观看| 国产成人高清精品一区二区三区| 丰满人妻一区二区三区视频53| 大伊香蕉精品一区视频在线| 三上悠亚日韩精品一区在线| 国产探花在线精品一区二区| 一区二区三区四区免费视频| 99精品国产一区二区三区2021| 精品少妇人妻AV一区二区| 日亚毛片免费乱码不卡一区|