09.css学习-常用的css样式
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
/*操作背景的属性 */
body{
/*background-color:#CCC; 设置背景颜色*/
background-image:url(2.jpg);
background-repeat:no-repeat; /* 设置背图片是否要重复 */
background-position:370px 100px; /* 设置背景图片的位置， 第一个参数是左上角的左边距， 第二个参数是左上角的上边距 */
}
/* 操作文本的样式 */
div{
color:#F00;
font-size:16px;
line-height:40px;
letter-spacing:10px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
/* 操作表格的样式 */
table{
/*border-collapse:collapse; 合并表格的边框*/
border-spacing:20px; /* 设置单元格的边框与表格的边框距离*/
table-layout:fixed;
}
/*
div默认是没有边框呃。
*/
div{
width:100px;
height:100px;
border-style:dotted solid double ; /* 设置边框的样式 上 右 下 左*/
border-color:#F00;
border-bottom-color:#0FF;
border-top-width:100px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div>
<pre>
seven步诗
煮豆燃豆萁，豆在釜中泣。
本是同根生，相煎何太急。
</pre>
</div>
</body>
</html>
