<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
#link{
width: 100%;
height: 40px;
background: #666;
}
#warp{
width: 100%;
height: 800px;
background: url("bg-double.jpg") #ff0000 no-repeat;
background-position: -600px 0;
}
#use{
width: 100%;
height: 112px;
background: #fff;
position: absolute;
top: 150px;
left: 0;
}
#logo{
margin:20px 0 0 120px;
}
</style>
</head>
<body>
<div id="link">
123123
</div>
<div id="warp">
</div>
<div id="use">
<img src="baidu.png" width="137" height="46" id="logo">
</div>
</body>
</html>026背景
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
摺疊面板，類似於二級目錄的效果，純css編寫
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>title</title> <style type="text/css">
四種方案實現CSS兩欄佈局
實現兩欄佈局：左側定寬，右側自適應 html： <html> <head> </head> <body> <div class="container"> <div class="left">LEFT