精通 CSS+DIV 网页样式与布局 101
2016-12-10 21:27
633 查看
<html>
<head>
<title> 轻轻松松给图片签名 </title>
<style type=”text/css”>
<!–
body{
margin:15px;
font-family:Arial;
font-size:12px;
font-style:italic;
}
border:1px solid #000000;
float:left;
}
padding:10px;
position:absolute;
left:255px; /* 移动到图片上 */
top:205px;
}
–>
</style>
</head>
<body>
<div id=”father”>
<div id=”block1”><img src=”building4.jpg” border=”0”></div>
<div id=”block2”>isaac photo</div>
</div>
</body>
</html>
<head>
<title> 轻轻松松给图片签名 </title>
<style type=”text/css”>
<!–
body{
margin:15px;
font-family:Arial;
font-size:12px;
font-style:italic;
}
block1{
padding:10px; /* 给图片加框 */border:1px solid #000000;
float:left;
}
block2{
color:white;padding:10px;
position:absolute;
left:255px; /* 移动到图片上 */
top:205px;
}
–>
</style>
</head>
<body>
<div id=”father”>
<div id=”block1”><img src=”building4.jpg” border=”0”></div>
<div id=”block2”>isaac photo</div>
</div>
</body>
</html>
相关文章推荐
- 精通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