HTML之CSS 边框与边界

学习要点:
1.CSS 中边框的使用
2.CSS 中边界的使用

操作方法

  • 01

    CSS 中边框的使用

  • 02

    简化方案:border:形态 长度 颜色 例如 border: 1px solid black;

  • 03

    CSS 中边界的使用 padding 属性介绍:(内边距)

  • 04

    简易写法: padding:10px padding:2px 4px padding:2px 6px 10px padding:1px 2px 3px 4px

  • 05

    margin 系列属性介绍:

  • 06

    简化方案: margin:2px 4px margin:2px 6px 10px               文档顶端 margin:1px 2px 3px 4px 常用网页顶格设置:margin:0;

(0)

相关推荐

  • CSS边框实例:设置下边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置下边框的样式 步骤/方法 ...

  • CSS边框实例:设置左边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的宽度 步骤/方法 ...

  • CSS边框实例:设置每一边的不同边框

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS 边框(border)实例:设置每一边的 ...

  • CSS边框实例:设置右边框的宽度

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置右边框的宽度 步骤/方法 ...

  • CSS边框实例:设置左边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置左边框的样式 步骤/方法 ...

  • CSS边框实例:所有右边框属性在一个声明之中

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:所有右边框属性在一个声明之中 ...

  • CSS边框实例:设置四边框样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS 边框(border)实例:设置四边框样 ...

  • CSS边框实例:所有左边框属性在一个声明之中

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:所有左边框属性在一个声明之中 ...

  • CSS边框实例:设置上边框的样式

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS边框实例:设置上边框的样式 步骤/方法 ...