如何用CSS工具设置网页元素的轮廓

1、轮廓与边框结合合适。我们在网页元素的编辑当中会出现轮廓与边框一起出现的情况。

p 

{

border:1px solid red;

outline:green dotted thick;

}

2、轮廓的宽度。轮廓如同边框一样，它也是有着自己的宽度参数的。

p.one

{

border:1px solid red;

outline-style:solid;

outline-width:thin;

}

p.two

{

border:1px solid red;

outline-style:dotted;

outline-width:２px;

}

3、CSS Margin属性。对于单独的文本来说，它在网页当中有着一个页边距的参数设置，我们就可以使用一下这个CSS Margin。

p.margin

{

margin:100px 50px;

}

4、在页边距当中给出常用的单位。

<style>

p.ex1 {margin-top:2cm;}

</style>

5、有的时候，我们也可以不给出具体的数值，只要给出一个百分比就行了。

<style>

p.bottommargin {margin-bottom:25%;}

</style>

6、Margin - 我们有的时候也可以给予每一个边距的属性。

margin-top:100px;margin-bottom:100px;margin-right:50px;margin-left:50px;