售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网站建设图文混排

网站编辑:小润 | 发表时间:2019-01-18 15:51:30

网站建设图文混排


 
使用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>

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130