CSS里border-top和margin-top什么意思?

html-css032

CSS里border-top和margin-top什么意思?,第1张

*margin-top:7px这个表示在ie6和ie7中的外边距是7px

假如#gaga{margin-top:10px*margin-top:7px_margin-top:5px}

这样第一个就是ie8以上的浏览器、firefox、谷歌浏览器、苹果浏览器这些主浏览器的的外边距是10px,ie7的外边距为7px,ie6则为5px;

*还会代表是通配符的意思,就是可以查找到所有的元素,比如*{margin:0}这样就代表所有的元素的外边距margin值为0,希望可以帮到你

整个的外围大框,是一个外围容器,通常用border来设置

其中的内容通常用列表

<ul>

<li>1</li>

<li>2</li>

</ul>来做

就你给的图来说,通常会做一个外围容器,其中内容会用ul列表详细的css如下

/*外围容器*/

.bigbox{

float:left

width:250px

height:auto

margin:0

padding:10px

border:#e5e5e5 1px solid /*这里是你问的主要问题,用这句实现*/

}

.bigbox ul li{

list-style:none

float:left

width:230px

height:60px

}

.bigbox ul li .imgbox{

float:left

width:60px

height:45px

}

.bigbox ul li .imgbox img{

margin:0

padding:0

border:none

}

.bigbox ul li .content{

float:right

width:110px

height:45px

}

css样式要配合div的页面布局来使用,对以上的css配合的html div布局如下

<div class="bigbox">

<ul>

<li>

<div class="imgbox">这里主要是放置图片内容</div>

<div class="content">这里主要是放置文字内容</div>

</li>

<li>

<div class="imgbox">这里主要是放置图片内容</div>

<div class="content">这里主要是放置文字内容</div>

</li>

</ul>

</div>