痞客幫Blog css撰寫

各位先進，大家好
最近我想幫自己的Blog改造
於是開始接觸CSS語法
但是我想改造我的橫幅以及最上方功能列，如下網址那樣
http://reiko0403.pixnet.net/blog/category/2714147(可以不用換圖片沒關係)

但是我在改大小時，一直無法跳脫原本設定的BOX
也就是說，我只能照著原本官方提供的樣式規格去改圖片
以下是我目前橫幅的寫法，至於功能列真的不清楚了...
#header{
background:#fff;
background:url(//pic.pimg.tw/orz1130/1423803276-10546963.jpg);
height:580px;
}
請問我是不是寫錯區域了呢?

痞客幫Blog規格圖http://pic.pimg.tw/pixnetvisual/1187010393.gif

謝謝

2015-03-05 12:33 #1

文章關鍵字

痞客 Blog css

workingman

0分

2樓

workingman

個人積分：0分

文章編號：54815642

以下給您參考看看不知道是不是您想要的感覺
--------------------------------------
<style type="text/css">
body{
margin:0px;
}
#banner{
width:100%;
height:50px;
background-color:silver;
opacity:0.9;
position:fixed;
z-index:15;
}
#header{
background-color:#fff;
background-image:/*建議照片大小可裁切為"1920*580"*/;
background-repeat:no-repeat;
width:100%;
height:580px;
position:absolute;
z-index:10;
}
#text{
font-size:100pt;
line-height:200px;
position:absolute;
z-index:5;
}
</style>
</head>

<body>
第一個div id="banner" 內容:tool bar
第二個div id="header"
第三個div id="text" 內容:demo
</body>
</html>
--------------------------------------
sample

痞客幫Blog css撰寫

小惡魔新聞台

今日熱門文章 網友點擊推薦！

今日熱門文章　網友點擊推薦！