资讯专栏INFORMATION COLUMN

课时104.边框属性上(掌握)

mdluo / 715人阅读

摘要:这节课我们还会再来介绍几个属性,然后都介绍完了,我们来介绍盒模型什么是边框边框就是环绕在标签宽度和高度周围的线条这就是边框边框属性的格式连写同时设置四条边的边框边框的宽度边框的样式边框的颜色快捷键连写分别设置四条边的边框边框的宽度边框的样

这节课我们还会再来介绍几个属性,然后都介绍完了,我们来介绍盒模型

1.什么是边框?

边框就是环绕在标签宽度和高度周围的线条

这就是边框

2.边框属性的格式

2.1连写(同时设置四条边的边框)

border:边框的宽度     边框的样式      边框的颜色;

快捷键:

bd+    border:1px  solid   #000;

2.2连写(分别设置四条边的边框)

border-top:边框的宽度     边框的样式      边框的颜色;

border-right:边框的宽度     边框的样式      边框的颜色;

border-bottom:边框的宽度     边框的样式      边框的颜色;

border-left:边框的宽度     边框的样式      边框的颜色;

快捷键:

bt   border-top:

bt+  border-top:1px solid #000;

br+  border-right:1px solid #000;

bb+  border-bottom:1px solid #000;

bl+  border-left:1px solid #000;

注意点:

1.连写格式中颜色属性可以省略,省略之后默认就是黑色

2.连写格式中样式不能省略,省略之后就看不到边框了

3.连写格式中宽度可以省略,省略之后还是可以看到边框

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2092.html

相关文章

  • 课时105.边框属性下(掌握

    摘要:连写分别设置四条边的边框上右下左上右下左上右下左注意点这三个属性的取值是按顺时针来赋值的也就是按照上右下左来赋值,而不是按照日常生活中的上下左右这三个属性的取值省略时的规律上右下左上右下左边的取值和右边的一样上右下左上右左边的取值和右2.3连写(分别设置四条边的边框) border-width:上   右  下  左; border-style:上   右  下  左; border-col...

    kuangcaibao 评论0 收藏0
  • 课时107.内边距属性掌握

    摘要:什么是内边距边框和内容之间的距离就是内边距格式非连写连写上右下左注意点这三个属性的取值省略时的规律上右下左上右下左边的取值和右边的一样上右下左上右左边的取值和右边的一样下边的取值和上边的一样上右下左上右下左的取值和上边的一样给标签设1.什么是内边距? 边框和内容之间的距离就是内边距 2.格式 2.1非连写 padding-top: padding-right: padding-bottom:...

    psychola 评论0 收藏0
  • 我是如何学习游戏引擎的?

    摘要:下面列举了游戏开发中常见的岗位以及两条常见的协作开发的流水线其实学习游戏引擎,前期对于任何岗位来说路线都是相似的,基本上就是一个熟悉基本操作理解基本概念拓展专业知识的过程。当然这不是绝对的,任何引擎的开始阶段和大成阶段都是相似的。 这是【游戏开发那些事】第51篇原创 前言:游戏引擎,表面...

    未东兴 评论0 收藏0
  • 课时40.表格中的其它标签(理解)

    利用我们表格标签来做一个案例: 通过这个案例来给大家介绍下表格标签中的其它标签 1.ctrl+alt+n新建一个文件,命名为24-表格标签的其它标签 然后我们在这个程序中输入代码,我们观察这个图片发现标题是h2,然后下面是一个表格标签,一共是六行六列,我们先做出来标题栏 出现这种样式,发现看不到边框,因为表格边框默认为0,并且图片中是一个细线表格,所以我们要按上节课学的来制作细线表格,我们...

    gxyz 评论0 收藏0
  • 课时67.标签选择器(掌握

    摘要:什么是标签选择器作用根据指定的标签名称,在当前界面中到所有该名称的标签,然后设置属性。格式标签名称属性值注意点标签选择器选中的是当前界面中的所有的标签,而不能单独选中某一个标签。标签选择器无论标签隐藏的多深都能选中。通过上节课的学习我们明白了如何通过十六进制来表示颜色 例如:红色的几种表示方法 我们发现在学习CSS当中的一些属性的时候,它都有一些套路 只要知道属性的名称,属性有什么作用,它...

    mikasa 评论0 收藏0

发表评论

0条评论

mdluo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<