资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

css怎样设置div大小

小编给大家分享一下css怎样设置div大小,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联是一家专业从事网站设计制作、网站设计的网络公司。作为专业网站制作公司,创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站及网站设计开发服务!

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

在css中,可以使用width属性和height属性来设置div大小,只需要给div元素设置“width:值”和“height:值”样式即可。width属性定义元素内容区的宽度,height属性定义元素内容区的高度。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个html文件,命名为test.html,在test.html文件中,使用div标签创建一个模块,并在div添加文字内容

在test.html文件中,设置div标签的class属性为erliu,主要用于下面通过该css设置div的css样式 。

在test.html文件内,编写标签,页面的css样式将写在该标签内。

在css标签内,编写div的样式,使用background属性设置div的背景颜色为红色。




 
document 



    
        测试
    

查看:

css怎样设置div大小

在css标签内,编写div的样式,使用width属性设置div的宽度为200px,使用height属性设置div的高度为100px。

.erliu{
    /* width: 200px;
    height: 100px; */
    background: red;
}

查看效果:

css怎样设置div大小

看完了这篇文章,相信你对“css怎样设置div大小”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享标题:css怎样设置div大小
分享网址:http://cdkjz.cn/article/ieeepo.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220