css不同宽度设置样式的简单介绍

css中怎么控制网页的宽度

css控制宽度的属性是width；例如 width:960px; 即这个css样式定义的宽度是960像素

相关问答

Q1: 在div+css中,不同的宽度使用不同的样式，如何实现？

你说的是相应式布局吗 要是那样的话 用css的媒体查询即可 没必要真js jq之类的复杂查询

/* Large desktop */

@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */

@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */

@media (max-width: 767px) { ... }

/* Landscape phones and down */

@media (max-width: 480px) { ... }

Q2: html中怎么在CSS中设置TABLE的每一个TD的不同宽度

html页面中，定义table表格中每个TD的宽度，可以使用内联样式定义。

设置方法如下：

1、用table{ }标签定义了表格宽度；

2、用td{ }标签定义了单元格宽度。

此时整个表格的每个单元格宽度都会设置成功。

如下案例：

!DOCTYPE html

html

head

title表格边框宽度/title

style

!-- 定义表格宽度及样式--

table{

text-align:center;

width:500px;

border-width:6px;

border-style:double;

color:blue;

}

!-- 定义单元格宽度及样式 --

td{

width:158px;

border-width:3px;

border-style:dashed;

}

/style

/head

body

table border=1 cellspacing="3" cellpadding="0"

tr

td姓名/td

td class=tds性别/td

td年龄/td

/tr

tr

td张三/td

td男/td

td31/td

/tr

tr

td李四 /td

td男/td

td18/td

/tr

/table

/body

/html

Q3: div+css如何调整布局子菜单的宽度

CSS中如何设置div的宽度?

我们在CSS布局中常常对指定DIV设置一定宽度，这里DIVCSS5为大家介绍两种设置DIV宽度(width)的方法。

一、外部CSS样式设置DIV宽度 - TOP

首先我们新建命名一个CLASS 或ID的类，这里CSS命名为“.divcss5”，以class引用。并且设置宽度为300px，CSS选择器代码如下：

.divcss5{width:300px}

/* css 注释：这样设置了对象divcss5宽度为300px样式 */

针对DIV使用代码：

divclass="divcss5"我宽度设置为300px/div

宽度设置截图：

外部CSS宽度设置案例截图查看大图

外部CSS宽度设置案例截图

二、div标签内设置CSS宽度样式 - TOP

假如这里也是对DIV标签设置css width为300px,div标签内设置CSS样式，我们就需要style属性值。

直接得到HTML代码片段：

divstyle="width:300px"我宽度设置为300px/div

标签内设置宽度样式截图：

Q4: CSS如何怎么设置div边框颜色宽度和高度

1.首先，您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。

2.创建一个用于设置边框的CSS文件，对于您实际开发中，将边框添加到您的CSS文件中即可。

3.在CSS文件中设置DIV的边框，首先我们可以先给div一个宽度与高度。

4.得到了宽度与高度后，如果我们没有边框，是看不到样式的。如果您的div中有内容，那么只是显示那些内容而已。

5.接下来，添加一个border边框。

6.我们将边框设置为1px.如果只是设置了宽度而没有设置颜色与具体的显示样式的话，边框并不会显示，您现在可以刷新一下您的页面看一下，添加了border:1px后是否显示，答案是肯定不显示的，因为我们参数没有写完整。

7.参加第二个参数颜色值，具体的颜色您可以百度搜索具体的样式值的代码，您可以使用基本色直接使用单词拼写也是可以的。

8.最后一个参数是显示样式，您可以选择不同的样式来进行显示，我们这里使用的是实线的方式来实现。

9.如果您使用的是一些专门用来做前端开发的软件，您输入后，会有一些提示，您如果选择不同样式来试一试看。

10.添加了上述的三个属性后，您的div边框即可显示出来了。