永发信息网

关于CSS的问题

答案:5  悬赏:30  手机版
解决时间 2021-04-26 07:15
  • 提问者网友:不要迷恋哥
  • 2021-04-25 22:37

请问高手,我用西面的代码控制三个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>

最佳答案
  • 五星知识达人网友:不想翻身的咸鱼
  • 2021-04-25 23:31
看怎么布局的
全部回答
  • 1楼网友:荒野風
  • 2021-04-26 03:33

可以这样做,代码如下:

<!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>

补充下,颜色最好采用十六位进制。
  • 2楼网友:英雄的欲望
  • 2021-04-26 02:13

建立一个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>

  • 3楼网友:痴妹与他
  • 2021-04-26 01:27

li

  • 4楼网友:零点过十分
  • 2021-04-26 00:09

当然可以,你可以改成这样

<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>

我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯