请问高手,我用西面的代码控制三个div在一排,请问我可以把这代码放到css里面吗?如果可以的话,我该怎么放呢?
<style>div{float:left;}</style>
<div style="width:200;height:100;background-color:red;"></div>
<div style="width:200;height:150;background-color:green;"></div>
<div style="width:200;height:200;background-color:blue;"></div>
可以这样做,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="ZiTer72,QQ:751510550" />
<title>无标题文档</title>
<style>
* {
margin:0;
padding:0;
}
div {
float:left;
width:200px;
}
.div {
height:100px;
caption-side:#f00;
}
.div2 {
height:150px;
background:#0f0;
}
.div3 {
height:200px;
background:#00f;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
补充下,颜色最好采用十六位进制。
建立一个main.css文件
div
{
float:left;
}
.div1
{
width:200;height:100;background-color:red;
}
.div2
{
width:200;height:150;background-color:green;
}
.div3
{
width:200;height:200;background-color:blue;
}
<head></head>标记里面写上下面这句话
<link href="../images/main.css" rel="stylesheet" type="text/css" />
你可以像下面这么写
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
当然可以,你可以改成这样
<style>
.div_1{float:left;width:200px;height:100px;background-color:red;}
.div_2{float:left;width:200px;height:150px;background-color:green;}
.div_3{float:left;width:200px;height:200px;background-color:blue;}
</style>
<div class="div_1">1</div>
<div class="div_2">2</div>
<div class="div_3">3</div>
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息