-3
A
回答
0
彎曲的分離來自這樣的事實,即標題圖像在底部具有紫色以創建曲線。實際的文件可以在這裏看到:http://www.zucoffee.com/wp-content/themes/zu-coffee/images/header-bg.gif
這(據我所知)是相當普遍的做法,有一個背景服務於整個頁面,並有另一個單獨的背景頂部的服務只是標題和/或頁腳。取決於網站的風格,這可能包括有趣的分色,我也看到.png用於讓頁眉/頁腳設計「淡入」主背景。
顯然有許多不同的方法可以做到這一點,我相信有人會希望添加到我的答案中,但是您的示例網站選擇的方式是在其正文和標題標記上使用background
屬性添加他們的圖像。從他們的css文件下面的代碼片段:
body {
padding:0;
margin:0;
background:#4b1259 url(images/tile-bg.gif) repeat-x;
width:100%;
display:table;
font:16px/22px Georgia;
color:#ffffff;
text-align:left;
}
.header-bg { //this is where i found them adding the header image.
margin-bottom:20px;
background:url(images/header-bg.gif) no-repeat center top;
}
0
Div是塊級元素,並且是這樣的塊形(正方形/矩形)。
如果您使用Chromes開發人員工具或Firefox中的Firebug檢查相關頁面上的元素header-bg,則可以看到它使用css設置具有彎曲下邊緣的背景圖像。圖片是header-bg.gif。
相關問題
- 1. 如何在整個頁面上創建div跨度的背景
- 2. 如何爲不同的頁面創建同一個類名稱
- 3. 如何在同一個ListView中創建兩個不同的LinearLayout?
- 4. 在同一頁面上的兩個不同的谷歌API
- 5. 在同一頁面上的兩個不同的jQuery UI主題
- 6. 在同一頁面上回顯兩個不同的頁面視圖
- 7. 如何在同一頁面上創建單獨的Fancybox圖庫?
- 8. 軌道中不同頁面的不同背景顏色
- 9. Web應用程序中不同頁面的不同背景色
- 10. 如何:在同一頁面上的兩個不同的jQuery - 要包含的頁面具有最新的jQuery
- 11. 如何在一個版本中創建兩個不同的RPM?
- 12. 創建一個頁面**,可以在同一頁面上單獨顯示不同的選項
- 13. 創建兩個路線選擇到同一個頁面(MVC)
- 14. 在第二頁上創建一個具有不同背景圖像的2頁PDF
- 15. 如何在同一頁面上創建這個jquery插件的多個實例?
- 16. 如何在同一頁面上放置兩個滑動框?
- 17. JqChart - 如何在同一頁面上顯示兩個圖形?
- 18. 如何在Symfony上創建兩個不同的安全區域?
- 19. 如何在兩個不同背景之間放置div
- 20. 不顯示在不同的html頁面的背景圖片
- 21. 如何在Django的兩個不同頁面上使用一個視圖?
- 22. 如何將兩個圖表放在與不同模塊相同的頁面上?
- 23. 一個頁面上的兩個不同的JQueryUI主題
- 24. ASP.NET Response.Write在兩個不同的頁面
- 25. 如何在同一頁面上分離不同的JavaScript庫?
- 26. 如何在同一頁面上運行不同版本的jQuery?
- 27. 如何在頁面上應用背景?
- 28. 如何在不同的頁面上打印多個頁面
- 29. 如何爲一個css文件中的不同頁面設置不同的正文背景顏色?
- 30. 如何在兩個不同來源的同一個存儲庫上創建兩個Git分支?
您好,歡迎來到StackOverflow。看起來你希望我們爲你寫一些代碼。儘管許多用戶願意爲遇險的編碼人員編寫代碼,但他們通常只在海報已嘗試自行解決問題時才提供幫助。證明這一努力的一個好方法是包含迄今爲止編寫的代碼,示例輸入(如果有的話),期望的輸出以及實際獲得的輸出(控制檯輸出,回溯等)。您提供的細節越多,您可能會收到的答案就越多。檢查[FAQ]和[問]。 – IndieRok
這就是說,好像你還沒有嘗試過任何東西。您是否使用瀏覽器的開發工具檢查了元素?也許檢查CSS?提示:這是一個背景圖片。 – IndieRok