html css盒子模型
2017-07-31 20:44
363 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*margin外边距,padding内边距*/
div {
border:#000000 dashed 2px;
margin:30px;
padding:100px;
}
/*上 右 下 左*/
#div_1 {
padding:20px 40px 80px 100px;
}
</style>
</head>
<body>
<div id="div_1">盒子模型1</div>
<div>盒子模型2</div>
<div>盒子模型3</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*margin外边距,padding内边距*/
div {
border:#000000 dashed 2px;
margin:30px;
padding:100px;
}
/*上 右 下 左*/
#div_1 {
padding:20px 40px 80px 100px;
}
</style>
</head>
<body>
<div id="div_1">盒子模型1</div>
<div>盒子模型2</div>
<div>盒子模型3</div>
</body>
</html>
相关文章推荐
- 05---HTML+CSS---css盒子模型
- HTML基础笔记之CSS盒子模型1(布局)
- 15_css盒子模型.html
- HTML入门学习笔记--CSS盒子模型(6)
- HTML+CSS入门笔记二之HTML+CSS盒子模型
- XHTML与HTML之间的7个区别
- C#服务器端获取客户端(html)控件值
- html+CSS 基础
- 关于Flex中的HtmlLoader
- 关于HTTP协议与HTML
- html中用js调用ASP文件 实现静态页面动态显示
- 禁止html在手机端自由缩放
- Unhandled Rejection (Error): Loading chunk 9 failed. HTMLScriptElement.onScriptComplete
- jquery中html()或text()方法获取或设置p标签的值
- html——超链接
- html表格
- HTML页面单输入框回车自动提交问题-自留
- HTML表单的提交
- HTML_CSS学习小结
- html表格的动态增加与删除