精通 CSS+DIV 网页样式与布局 60
2016-12-05 20:12
423 查看
margin:0px;
background-image:url(bg1.jpg); /* 背景图片 */
background-repeat:repeat-y; /* 垂直方向重复 */
background-color:#0066FF; /* 背景颜色 */
}
–>
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<title> 背景的位置 </title>
<style>
<!–
body{
padding:0px;
margin:0px;
background-image:url(bg4.jpg); /* 背景图片 */
background-repeat:no-repeat; /* 不重复 */
background-position:bottom right; /* 背景位置,右下 */
background-color:#eeeee8;
}
span{ /* 首字放大 */
font-size:70px;
float:left;
font-family:黑体;
font-weight:bold;
}
p{
margin:0px; font-size:14px;
padding-top:10px;
padding-left:6px; padding-right:8px;
}
–>
</style>
</head>
<body>
<p><span>雪</span>是大气固态降水中的一种最广泛、最普遍、最主要的形
式。大气固态降水是多种多样的,除了美丽的雪花以外,还包括能造成很大危害
的冰雹,还有我们不经常见到的雪霰和冰粒。</p>
background-image:url(bg1.jpg); /* 背景图片 */
background-repeat:repeat-y; /* 垂直方向重复 */
background-color:#0066FF; /* 背景颜色 */
}
–>
</style>
</head>
<body>
</body>
</html>
<html>
<head>
<title> 背景的位置 </title>
<style>
<!–
body{
padding:0px;
margin:0px;
background-image:url(bg4.jpg); /* 背景图片 */
background-repeat:no-repeat; /* 不重复 */
background-position:bottom right; /* 背景位置,右下 */
background-color:#eeeee8;
}
span{ /* 首字放大 */
font-size:70px;
float:left;
font-family:黑体;
font-weight:bold;
}
p{
margin:0px; font-size:14px;
padding-top:10px;
padding-left:6px; padding-right:8px;
}
–>
</style>
</head>
<body>
<p><span>雪</span>是大气固态降水中的一种最广泛、最普遍、最主要的形
式。大气固态降水是多种多样的,除了美丽的雪花以外,还包括能造成很大危害
的冰雹,还有我们不经常见到的雪霰和冰粒。</p>
相关文章推荐
- 精通CSS.DIV网页样式与布局(六)——页面和浏览器元素
- 精通CSS.DIV网页样式与布局(二)
- 精通 CSS+DIV 网页样式与布局 14
- 精通 CSS+DIV 网页样式与布局 16
- 精通 CSS+DIV 网页样式与布局 7
- 精通CSS.DIV网页样式与布局(七)——制作实用菜单
- 精通 CSS+DIV 网页样式与布局 18
- 精通 CSS+DIV 网页样式与布局 1 什么是样式表
- 精通 CSS+DIV 网页样式与布局 21
- 精通 CSS+DIV 网页样式与布局 20
- 精通CSS.DIV网页样式与布局(二)—— 段落
- 精通 CSS+DIV 网页样式与布局 8
- 精通 CSS+DIV 网页样式与布局 15
- 精通 CSS+DIV 网页样式与布局 2 Selector -- 选择符
- 系列文章--精通CSS.DIV网页样式与布局学习
- 精通CSS.DIV网页样式与布局(八)——滤镜的使用
- 精通 CSS+DIV 网页样式与布局 12
- 精通 CSS+DIV 网页样式与布局 4
- 精通CSS.DIV网页样式与布局(一)
- 精通 CSS+DIV 网页样式与布局 13