css如何设置背景颜色及其大小 css调整背景颜色

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

1、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

2、设定上边框属性，你可以使用border-top， border-top-width， border-top-style， border-top-color。设定下边框属性，你可以使用border-bottom， border-bottom-width， border-bottom-style， border-bottom-color。

3、给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。

4、新建一个HTML页面。在HTML的中写上 标签，打开浏览器会有对应的效果图。内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式，可以统一设置边框样式。也可以分别设置边框样式。

5、很简单，HTML中DIV+CSS网页布局，你要了解DIV盒子模型。

6、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示。

相关问答

Q1: CSS怎么设置背景颜色?

1、css的背景颜色设置为无色步骤如下：新建一个html文件，需要设置宽度250px和高度140px，以及背景色填充为红色。然后在父级DIV中插入一个子DIV，定义它的宽200px，高90px，以及背景色。

2、用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 用CSS设置图像效果 为图片添加边框 图片缩放 color属性是用于控制HTML元素内文本的颜色，取值可以使用下面的任意一种方式。

3、在CSS中，可以使用background-color属性来设置背景颜色。background-color属性设置一个元素的背景颜色，该属性为元素设置一种纯色，这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界。

4、使用属性background或者background-color进行设置。设置的颜色属性值可以使用16进制、rgba、rgb、颜色名称等进行设置，如background：blue；。

5、准备一个HTML文档，在其中加入一个DIV。然后通过CSS给DIV设置宽，高，背景色。接下来在给div添加一个hover的伪类样式，hover就代表的是鼠标经过的样式。然后，我们运行页面，就可以看到背景颜色已经设置成功了。

Q2: css中如何调整插入背景图片的大小

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat； background-size： 300px}。

css2中是无法控制背景图片大小的，如果想实现这种效果，只能是更改图片了。css3中可以通过background-size来控制图片的大小。

background-size：100% 100%；这是铺满整个所在容器，如果你有具体值可以把%换成px；变大变小随你定的数值而言。

在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。

Q3: css中的背景图怎么改变大小

1、CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。

2、可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

3、首先，打开html编辑器，新建html文件，例如：index.html。

4、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat； background-size： 300px}。

5、background-size：100% 100%；这是铺满整个所在容器，如果你有具体值可以把%换成px；变大变小随你定的数值而言。

关于css如何设置背景颜色及其大小和css调整背景颜色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。