分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS.3盒子

发布时间:2023-09-06 01:48责任编辑:熊小新关键词:CSS

盒子


盒子大小

width,height

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

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


宽度限制

min-width,max-width

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

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


高度限制

min-height,max-height

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

高度限制可以利用min-height和max-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盒子

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved