2012-07-08 58 views
12

如何使用CSS3製作內邊框?如何使用CSS3製作內邊框?

也就是說,代替從元素的活動/填充區域向外延伸的邊界,它向內延伸,重疊其內容?

我很感激它,如果可以用最少的CSS規則完成的話,如果可以的話。

+2

能否請您解釋一下你的「內部邊界」是什麼意思?如果需要,請使用圖片。 – 2012-07-08 02:26:06

+0

什麼是「多重CSS」? – BoltClock 2012-07-08 04:23:46

+1

你能定義'太多'嗎?你在什麼標準/限制下工作? – 2012-07-08 11:48:30

回答

23

嘗試使用box-shadow(和供應商特定的子集)。
例如:

-moz-box-shadow: inset #B3B3B3 0 -1px 0 0; 
-webkit-box-shadow: inset #B3B3B3 0 -1px 0 0; 
box-shadow: inset #B3B3B3 0 -1px 0 0; 
+0

代碼您的代碼.. – 2012-07-08 03:02:22

+0

我試圖做同樣的事情,這完美的作品,謝謝。 – 2014-03-01 06:40:52