鍍金池/ 問答/HTML/ 一個布局問題——css

一個布局問題——css

clipboard.png

需求：

  1. 這個框是界面的元素之一，所以之后可能框的寬高可能會變化
  2. 因為是在小程序里，background-image 不支持本地圖片
  3. 這個框的線框之后會作為表單的外框，因此會有選中態(tài)，focus 時候變紅，blur 時候變?yōu)樽厣?/li>

如圖要實現(xiàn)這樣一個四角有樣式的框，該怎么搞。。。一開始是想是用 before 和 after ，然后根據(jù)邊框絕對定位，但是這樣只能定位兩個角。。如果寫四個 img 的話就太。。。

求幫忙啦。。。

clipboard.png

回答
編輯回答
雨萌萌

border-image 一張圖片就搞定了

2017年3月25日 09:55
編輯回答
焚音

border-image 可以對各部分別做調(diào)整
background-image 是支持多圖片載入并且分別設(shè)置的
搜一下很多文章，像是下面這樣寫法

background:url("1.jpg") no-repeat 0.2rem center,
url("2.jpg") no-repeat right .16rem center;
2017年10月7日 02:05
編輯回答
尐懶貓

兩個DIV嵌套可實現(xiàn)兩個before+兩個after，一共就有4個偽元素

2017年2月10日 06:23
編輯回答
怣痛

多套個DIV再加兩個偽元素？

2017年11月26日 07:52