成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

張紅新 / 3958人閱讀

摘要：我們一般在打開相機(jī)的時(shí)候有個(gè)掃描框，然后靜態(tài)二維碼有時(shí)候?yàn)榱司劢购屠趻呙枰矔?huì)加一個(gè)框框，下面介紹一下如何通過(guò)來(lái)實(shí)現(xiàn)一個(gè)框框?qū)崿F(xiàn)效果代碼如下

我們一般在打開相機(jī)的時(shí)候有個(gè)掃描框，然后靜態(tài)二維碼有時(shí)候?yàn)榱司劢购屠趻呙枰矔?huì)加一個(gè)框框，下面介紹一下如何通過(guò)css 來(lái)實(shí)現(xiàn)一個(gè)框框
實(shí)現(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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/113938.html

相關(guān)文章

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

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

    meteor199 評(píng)論0 收藏0

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

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

    yexiaobai 評(píng)論0 收藏0

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

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

    Pines_Cheng 評(píng)論0 收藏0

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

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

    xietao3 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<