成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

css實現(xiàn)二維碼掃碼框

張紅新 / 4059人閱讀

摘要：我們一般在打開相機的時候有個掃描框，然后靜態(tài)二維碼有時候為了聚焦和利于掃描也會加一個框框，下面介紹一下如何通過來實現(xiàn)一個框框?qū)崿F(xiàn)效果代碼如下

我們一般在打開相機的時候有個掃描框，然后靜態(tài)二維碼有時候為了聚焦和利于掃描也會加一個框框，下面介紹一下如何通過css 來實現(xiàn)一個框框
實現(xiàn)效果:

代碼如下:

html:

css:

.img-box {
  background: linear-gradient(#ae0000, #ae0000) left top,
    linear-gradient(#ae0000, #ae0000) left top,
    linear-gradient(#ae0000, #ae0000) right top,
    linear-gradient(#ae0000, #ae0000) right top,
    linear-gradient(#ae0000, #ae0000) right bottom,
    linear-gradient(#ae0000, #ae0000) right bottom,
    linear-gradient(#ae0000, #ae0000) left bottom,
    linear-gradient(#ae0000, #ae0000) left bottom;
  background-repeat: no-repeat;
  background-size: 2px 20px, 20px 2px;
  height: 116px;
  width: 116px;
}        
.code {
    height: 110px;
    width: 110px;
    margin-top: 2px;
    margin-left:2px;
    border: 1px solid #ae0000;
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/113938.html

相關(guān)文章

  • 自定義微信登錄掃碼樣式解決辦法

    摘要：微信掃碼登錄近期做一個端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個二維碼頁面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁。幸運的是，微信留了一個給我們自定義樣式的機會，在之前實例化一個二維碼的時候，實例對象中屬性，允許設(shè)置樣式。 PC微信掃碼登錄 近期做一個PC端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個二維碼頁面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁。本次以內(nèi)嵌二維碼為例，具體怎樣在頁面中顯示...

    meteor199 評論0 收藏0

  • 自定義微信登錄掃碼樣式解決辦法

    摘要：微信掃碼登錄近期做一個端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個二維碼頁面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁。幸運的是，微信留了一個給我們自定義樣式的機會，在之前實例化一個二維碼的時候，實例對象中屬性，允許設(shè)置樣式。 PC微信掃碼登錄 近期做一個PC端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個二維碼頁面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁。本次以內(nèi)嵌二維碼為例，具體怎樣在頁面中顯示...

    yexiaobai 評論0 收藏0

  • 制作QQ微信支付寶三合一收款碼

    摘要：所以，我也想加一個打賞功能分析但在逛了一圈之后發(fā)現(xiàn)，打賞插件基本上千篇一律的掃碼微信掃碼支付寶掃碼。但由于與微信無法直接喚醒，所以直接輸出一個與微信的二維碼，然后長按掃碼實現(xiàn)支付。 前言 最近在逛博客時，發(fā)現(xiàn)很多博客都帶了打賞功能，雖說打賞的人可能很少，但始終是一份心意，能讓博主知道自己寫的文章有用，能夠幫助到人。所以，我也想加一個打賞功能~ 分析 但在github逛了一圈之后發(fā)現(xiàn)，打...

    Pines_Cheng 評論0 收藏0

  • ESMap+Html5+SpringBoot+FastDFS實現(xiàn)導(dǎo)航導(dǎo)購App

    摘要：兩者的結(jié)合通過中的組件以及依賴實現(xiàn)。在項目正式上線后會將本地服務(wù)器的內(nèi)容打包成包發(fā)布到服務(wù)器中。數(shù)據(jù)庫部分數(shù)據(jù)庫使用關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，在其中建立了店鋪，商品，商品類目三個表，通過其中的特定字段使兩表關(guān)聯(lián)，從而實現(xiàn)了簡單的聯(lián)表查詢。 ESMap-Indoor-navigation ESMap+Html5+SpringBoot+FastDFS實現(xiàn)導(dǎo)航導(dǎo)購Appgithub鏈接：http...

    xietao3 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<