css <p>和<p>之间的距离远近怎么调整?

html-css025

css <p>和<p>之间的距离远近怎么调整?,第1张

<p>和<p>之间的距离远近可以通过外边距来设置

margin: 10px 5px /* 设置上下边距10px,左右边距5px*/

举个例子

创建HTML元素

<p>我是第一段呀我是第一段。</p>

<p>我是第二段呀我是第二段啊我还是第二段。</p

设置css样式

p{margin:40px 5px}

观察显示效果

设置外边距前

设置外边距后

由远到仅需要做图片的效果(或者用css3效果也行,但目前的兼容性不行)

div固定大小

js,jquery只用setTimeout、setInterval函数进行图片由小变大,宽度到底指定宽度后停止放大

<style>

body{

-webkit-transform-style: preserve-3d

//3D模式

perspective: 500

-webkit-perspective: 500 /* Safari 和 Chrome */

//这里设置perspective和3D模式

}

#div

{

width:300pxheight:500pxbaxkground:#000

-webkit-transform:rotatex(45deg)

//尝试旋转查看效果

}

<sytle>

<body>

<div id="div">

<div>

</body>