注:红色部分为代码:
文件1: index.html
<html>
<head>
<title>一个简单的CSS案例</title>
<link rel=”stylesheet” type=”text/css” href=”index.css” />
<!–引入CSS文件
rel=stylesheet表示连接样式
type=text/css表示连接的样式为CSS
href=??为CSS的文件位置–>
</head>
<body>
<div> <!–css文件的哪个内容–>
<img src=”pig.gif”/>
<table>
<tr>
<td>22</td>
<td>23</td>
</tr>
</table>
</div>
</body>
</html>
文件2: index.css
.stylel{
width: 400px; /*宽400*/
height: 300px; /*高300*/
background-color:red; /*背景颜色*/
border:5px solid blue; /*边框5,颜色为蓝色*/
margin-left:260px; /*左边外距*/
margin-top:260px;/*上外边距边界与其包含块上边界之间的偏移*/
padding-left:50px;/*图片在边框的边距(左)*/
padding-top:55px;/*图片在边框的边距(上)*/
}
.stylel table{ /*同一个div里面的table样式*/
border:2px solid yellow;
width:50px;
height:30px;
background-color:blur;
}
源文件下载:http://url.cn/JsxRXI ;
关于作者