网站建设图文混排
使用css设置图文环绕
我们可以使用float, margin和padding属性使正文环绕一个图像。
( 1) float:设置元紊向左或向右浮动;
(2) margin:设置元素的外间距,即从边框到其他元素的间距;
(3) padding:设置元素的内间距,即元素到自己边框的间距。
设置图文环绕:
<html>
<head>
<meta charset="utf一8”>
< title > img元素及其属性</title >
<style>
img{
width:300px;
height:212px;
float:left;
margin:15px;
}
</style>
</head>
<body>
<h3>上海一日游</h3 >
<img src="img/素材1.Jpg"/>
<p>上海欢乐谷是……</p>
</body>
</html>