码迷,mamicode.com
首页 > Web开发 > 详细

CSS.3盒子

时间:2018-04-07 11:15:15      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:添加   指定   内容   idt   top   body   窗口   控制   ott   

盒子


盒子大小

width,height

默认情况下,一个盒子大小刚好容纳其中的内容,并根据其中内容变化而变化。如果自定义合资的大小,就需要用到widthheight属性。

指定盒子大小的最常用的方式是像素、百分数或em值。


 

宽度限制

min-width,max-width

min-width属性指定一个盒子在浏览器窗口较窄是可以显示的最小宽度

max-width属性指定一个盒子在浏览器窗口较宽时所能伸展的最大宽度


高度限制

min-height,max-height

与限制合资宽度的方式一样,你还可以对页面上的莫个盒子进行高度限制。

高度限制可以利用min-heightmax-height属性来完成。


内容溢出

overflow

hidden:把一处合资空间的内容进行隐藏

scroll:在盒子上添加一个滚动条

 


 

边框宽度

border-width 

border-width 属性用来控制边框的宽度。该属性可以是像素值,

也和以选择以下值之一:

                                      thin

                                      medium

                                      thick

该属性值不可以使用百分数。

可以通过下面4种属性分别对各个边框大小进行控制:

                                                                                   border-top-width

                                                                                   border-right-width

                                                                                   border-bottom-width

                                                                                   border-left-width


边框样式

 

CSS.3盒子

标签:添加   指定   内容   idt   top   body   窗口   控制   ott   

原文地址:https://www.cnblogs.com/H97042/p/8732470.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!