css padding margin属性用法示例

发布时间:2020-05-13编辑:脚本学堂
有关css中padding与margin属性的用法,指定 margin-left和margin-right属性,距离为两个属性相加,如果是换行margin-bottom和margin-top属性,两个属性中的值取最大值。

为元素设置bakcground-color 背景色时,ie的作用的区域为content+padding ,而firefox则是content+padding+ border。

例子:
 

复制代码 代码示例:
<html> 
<head> 
<title>浏览器对待background-color的不同 - www.jb200.com</title> 
<style type="text/css"> 
<!-- 
.chara1{ 
    font-family:arial, helvetica, sans-serif; 
    font-size:12px; 

.tableborder{ 
    border:1px solid #000000; 

.cell{ 
    border:10px dashed #000000; 
    text-align:center; 
    background-color:#e799f8; 

--> 
</style> 
</head> 
<body> 
<table cellpadding="10" cellspacing="25" class="chara1 tableborder"> 
<tr> 
<td class="cell" height="80px" width="120px">content</td> 
</tr> 
</table> 
</body> 
</html> 

margin属性:
指定 margin-left和  margin-right 属性  距离为两个属性相加
如果是换行  margin-bottom和margin-top 属性 两个属性中的值取最大值