css如何设置div的高和宽，怎么设置div的宽高

css手机版页面制作时如何让背景图片适应div的高度和宽度

对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。

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

一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

新建一个html页面，并在页面中写上一个div。并为div添加背景图片，为背景图片添加一些基本的样式。按下键盘上的F12，查看其在浏览器中的效果。利用css中的伪元素：after或者：before。

把图片设置成合DIV一样的高和宽就行了。但这样会导致图片大小变形了，很难看的。如果选择自适应的话又会使自己的DIV一会大一会小，网站整体都变形了，这个东西不好弄的。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中；如果通过div嵌入图片，那么将此div设置成绝对定位，z-index：-1。

相关问答

Q1: 如何给div设置宽高和背景颜色?

div标签内直接设置背景颜色 div style=background：#000； color：#FFF背景为黑色/divDIV标签内设置背景色为黑色，字体颜色为白色div设置背景颜色div标签内设置背景色截图通过div标签内设置style设置背景色等CSS样式。

打开所要修改的网页，按下F12，弹出一个弹出框，点击弹出框的小箭头。

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

设置边框和背景色需要使用css的border和background属性。

Q2: div标签怎么设置div的宽度_怎么设置div的宽度和高度

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

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

像div宽度、高度等样式设置、内部字体大小、字体颜色这些，都是需要通过CSS来实现。通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。

div设计长宽的方法：在div中加css就可以了。代码如下：div class=box1/div，然后在css文档里加上，box1{ width：300px； height：500px；} DIV是层叠样式表中的定位技术，全称DIVision，即为划分。

Q3: 如何通过css控制div在页面显示的大小

你可以在选项-页面设定中自定义自己习惯的显示方式：可以设定预设缩放比例；预设缩放比例选择合适宽度时，可以设定自定义页边距。

比如，建立4个div，要实现宽度随窗口变化而变化很简单，把宽度设成百分比形式就可以了。

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

}/stylediv id=maindiv id=sub1 onclick=substyle.display=block；点我显示下面小div。当前div会自动占满剩余空间。

首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。

html。在index.html中的style标签中，输入css代码：div{width： 300px；height： 150px；background-image： url(smallpng)；background-size： 100%} 浏览器运行index.html页面，此时背景图片充满了div的大小。

关于css如何设置div的高和宽和怎么设置div的宽高的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。