簡體   English   中英

div 標簽邊框

[英]Div tag borders

我和一個伙伴正在開發一個 html 應用程序,它看起來類似於 ipad twitter 應用程序。

http://www.iampersandi.com/wp-content/uploads/2010/04/photo3.png

我想知道他們是如何創建分隔深灰色用戶框的虛線。

我目前將此作為可調整大小的 div,每個用戶在其中都有自己的 div(例如 Chris Purillo 和 Jeff Pulver 將在可調整大小的大 div 中的單獨 div 中)。

將它們分開的假動作線是否只是使用背景 colors 和 css3 的聰明卡車,還是有更好的方法來創建它?

你可以嘗試這樣做:

border-top:1px solid #46464f;
border-bottom:1px solid #282832;

我將只使用 1px 寬和 2px 高的背景圖像以及兩個關聯的 colors 並將其設置為 div 的頂部

#div {
      background:url('border.jpg') repeat-x top
}

甚至將其設置為border-image: css 屬性

http://www.css3.info/preview/border-image/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM