<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>給元素添加各種背景樣式的HTML和CSS代碼</title>
<style>
body{
margin: 0px;
/*background-image: url("img/shpin.jpg");*/
background-repeat: repeat-y;
}
#heading{
/*background-image:-moz-linear-gradient(left,#0055ff 0%,#AACCFF 100%);*/
height: 200px;
font: 150px bold;
text-align: center;
color: rgba(0,255,255,0.4);
}
#content{
margin-left: 200px;
}
#menu{
padding:3px;
background-color: #555555;
}
span{
padding:3px;
background-image: -moz-linear-gradient(top,#0022ff 0%,#AACCFF 85%,#0022ff 100%);
font:20px bold;
color:white;
}
</style>
</head>
<body>
<div id="heading">jQuery Rocks</div>
<div id="content">
<div id="menu">
<span>Home</span>
<span>Info</span>
<span>Examples</span>
</div>
<p>Page Content</p>
</div>
</body>
</html>【匯智學堂】CSS應用之二
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie
幾個簡單的css動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wi