css中的div如何自动适应浏览器大小？

html-css011

css中的div如何自动适应浏览器大小？,第1张

网页自适应浏览器大小：\x0d\x0a\x0d\x0a首先要在头部，即标签内写自适应代码，如下：\x0d\x0a\x0d\x0a其次，网页内部的元素宽度要使用百分比，在不同的屏幕大小下需使用媒体查询定义不同的css代码，例如：\x0d\x0a@media screen and (max-width:640px){ \x0d\x0aelement{ color:#ff0000} //屏幕宽度小于640px时显示红色字体\x0d\x0a}\x0d\x0a@media screen and (max-width:480px){ \x0d\x0aelement{ color:#0000ff} //屏幕宽度小于480px时显示蓝色字体\x0d\x0a}

CSS设置div边框颜色宽度和高度步骤如下：

1、新建一个html文件，创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度，如下图：

扩展资料：

css border属性：

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性：

border-width，border-style，border-color

如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000也是允许的。