文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

【CSS】使用绝对定位 浮动解决外边距塌陷问题 ( 为父容器 子元素设置内边距 边框 | 为子元素设置浮动 | 为子元素设置绝对定位 )

/ 子元素设置内边距 / 边框 ---- 这里使用传统方法 : 为 父容器 / 子元素 设置 内边距 / 边框 ; 下面是 为父容器设置 1 像素的 内边距 ; .father { width...: 400px; height: 400px; background-color: pink; /* 为父容器 / 子元素设置内边距 / 边框 */ padding: 1px;...---- 为子元素设置浮动 , 可以解决 外边距 塌陷问题 ; 代码示例 : 设置内边距 / 边框 */ /*padding: 1px;*/ } .son { /* 为子元素设置浮动 解决外边距塌陷问题 */ float: left;.../ 子元素设置内边距 / 边框 */ /*padding: 1px;*/ } .son { /* 为子元素设置绝对定位 解决外边距塌陷问题 */ /* 注意 : 为子元素设置相对定位

2.1K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    HTML和CSS快速入门

    每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义），表格可以包含标题行（）用于定义列的标题。... :用于定义表格的标题部分 用于定义表格的主体部分 表格标签常见属性 (可以用于设置大小边框等.但是一般使用CSS方式来设置) 这些属性都要放到 table标签中。...，一般为输入标题 定义了下拉选项列表 option> 定义下拉列表中的选项 定义一个点击按钮 常用的输入类型: 文本域:文本域通过 <input type="text....text1{ font-size: 32px; } 2.3.3 border border:边框 边框是一个复合属性，可以同时设置多个样式，不分前后顺序，浏览器会根据设置的值自动判断 .text1...也可以拆开来设置 样式 说明 取值 border-width 设置边框粗细 数值（如 1px、2em 等，用于定义边框的宽度尺寸 ） border-style 设置边框样式 dotted : 点状 solid

    14710

    WEB入门 四 CSS样式表深入

    图4.1.9 表格的颜色 1.4.3             表格的边框 如前所述在HTML中设置边框最常见的是通过标签的border属性来设置其粗细，通过bordercolor来设置边框颜色...相比采用HTML标签，使用CSS设置表格边框更为精细和美观。在CSS中设置边框同样是通过border属性，方法和设置图片边框完全一样，只不过在表格中需要特别注意单元格之间的关系。...，然后使用标签选择器声明设置和标签的样式，字体为黑体，颜色为蓝黑#000055，加下划线，核心代码如下。...Ø        设置单元格的border为1px，表格的边框也为1px，使用border-collapse:collapse设置表格和单元格的边框重叠 ​实现步骤​ (1)     首先编写HTML...>细边框(边框颜色比如#ABABAB)，而将表单的输入框设置为“不可见”。

    89210

    【前端基础】摩天之建的艺术：html（下）

    会居中加粗 thead：表格的头部区域(注意和 th 区分，范围是比 th 要大的) tbody：表格得到主体区域 table 包含 tr，tr 包含 td 或者 th 表格标签有一些属性，可以用于设置大小边框等...，但是一般使用 css 方式来设置 这些属性都要放到 table 标签中 align 是表格相对于周围元素的对齐方式，align="center" (不是内部元素的对齐方式) border 表示边框，...1 表示有边框(数字越大，边框越粗)，" " 表示没边框 cellpadding：内容距离边框的距离，默认 1 像素 cellspacing：单元格之间的距离，默认为 2 像素 width / height...>北京option> option>广州option> option>深圳option> option selected="selected">上海option...rows="10"：设置文本区域的可见行数为 10 行 cols="50"：设置文本区域的可见字符宽度为 50 个字符 值得注意的是： rows 和 cols 一般不会直接使用，都是用 css 来改的

    22910

    HTML、CSS、JavaScript学习总结

    取值为1或yes边框将会显示，取值为0或no边框将会隐藏。 framespacing：默认边框线的宽度为1，该属性可调整边框线的宽度。（以像素为单位） bordercolor：可设置边框线颜色。...Ø 在使用边框颜色复合属性border-color时，如果只设置1种颜色，则四条边框的颜色一样；设置2种颜色，则边框的上下为一个颜色，左右为另一个颜色；设置3种颜色，边框的颜色顺序为上、左右、下；设置4...中颜色，边框的颜色顺序为上、右、下、左。...Ø auto为自动提取边距值，是默认值。 Ø margin复合属性和其他复合属性的设置方法是一样的，也可以取1到4个值来同时设置边框周围的四个边距。...文本框对象 • 文本框元素用于在表单中输入字、词或一系列数字 • 可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素 文本框对象 – 事件处理程序 文 本 框

    4.5K20

    前端学习(2)~html标签讲解(二)

    像素为单位。 style="border-collapse:collapse;"：单元格的线和表格的边框线合并（表格的两边框合并为一条） width：宽度。像素为单位。 height：高度。...像素为单位。 bordercolor：表格的边框颜色。 align：表格的水平对齐方式。属性值可以填：left right center。...注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签进行设置） cellpadding：单元格内容到边的距离，像素为单位。...bordercolorlight：表格的上、左边框，以及单元格的右、下边框的颜色 bordercolordark：表格的右、下边框，以及单元格的上、左的边框的颜色 这两个属性的目的是为了设置3D的效果。...size="3"：如果属性值大于1，则列表为滚动视图。默认属性值为1，即下拉视图。 option>标签的属性： selected：预选中。没有属性值。

    3.1K10

    HTML 标签介绍

    有时候标签不闭合，也不会报错 常用标签介绍   font 字体标签 需求 1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。 标签 需求 1：在网页上显示 我是字体标签 ，并修改字体为 宋体，颜色为红色。...需求 1：使用 img 标签显示一张美女的照片。并修改宽高，和边框属性 标签显示一张美女的照片。...并修改宽高，和边框属性 img 标签是图片标签,用来显示图片 src 属性可以设置图片的路径 width 属性设置图片的宽度 height 属性设置图片的高度 border 属性设置图片边框大小...option 标签是下拉列表框中的选项 selected="selected"设置默认选中 textarea 表示多行文本输入框 （起始标签和结束标签中的内容是默认值） rows 属性设置可以显示几行的高度

    2.4K30

    HTML入门

    /images/1.jpg" alt="京东首页" /> 锚链接 使用a标签设置锚链接 在要跳转的标签上设置锚点 设置锚点 --> 锚点 表格标签 table用来制作表格的外边框 table中嵌套tr用来制作表格的行 tr 中嵌套td用来制作表格的单元格（也叫列)...表格脚部 主要属性： border：表格边框 width/height： 表格宽高、tr/td也能使用 cellspacing： 单元格与单元格、单元格与边框的间隙 cellpadding： 单元格中内容与单元格的间隙...align： 设置表格在页面中的位置； 设置tr/td中文字对齐方式 bgcolor： 设置表格、tr、td的背景色 列表与表单标签 列表 列表分为有序列表、无序列表和自定义列表三种 有序列表 有序列表由...两个标签组合而成 option value="bj">北京option> option value="sh">上海option>

    3.8K40

    HTML基础入门

    标签，这些标签都是用来辅助显示的标签，每个head标签必须有一个title标签 body标签：用于存放所有的页面上的结构标签 title标签：用于设置页面的标题、同时提高SEO的权重 meta标签：设置页面上的字符集...span标签（最常用的），没有语义的标签 div布局标签 在页面上单独独占一行，如果不设置宽度，默认占一行，通常作为容器布局的时候使用 span标签 一行可以放多个，显示大小由内容决定 　　4，img标签...--href=目标页面的路径,a标签中一定要有内容,target属性设置的是，a标签的跳转方式， 默认值为_self，不保留当前页面，跳转；_blank，保留当前页面，打开一个新的窗口进行跳转--...id为zjm，如果我点击‘点我’，页面会定位到上面的a标签，效果图为下图 ? 　　...，设置后为多选下拉框，不设置默认单选 option value="1995">1995option> option

    1.6K42
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券