边框

作者: 戴西西的染坊 | 来源:发表于2017-12-19 09:25 被阅读0次

边框样式

  1. 有三个属性
border-width:边框宽度
border-style:边框风格
border-color:边框颜色
三个属性都使用时定义元素的边框.
  1. 如果对单个元素进行边框设定有元素整体设置和边框上下左右分别设置.
  • 整体设置
div { 1px solid red; }
  • 分别设置
div{
    border-top:1px solid red;
    border-bottom:1px dashed blue;
    border-left:1px dashed yellow;
    border-right:1px solid black;
    }
  1. 对多个元素进行设置可参考群组选择器的使用.
    选择器

  2. 想要隐藏某个位置边框,可设置边框宽度为0、none或0px.
border-top:0px;
或
border-top:0;
或
border-top:none;

相关文章

  • CSS盒子模型

    边框:环绕在标签周围的边条 设置边框一:-连写格式:同时设置4条边框{border:边框宽度 边框样式 边框颜色;...

  • 25.边框圆角渐变

    边框 什么是边框圆角?将直角的边框变为圆角的边框 边框圆角的格式?border-radius: 左上 右上 右下 ...

  • 07-CSS盒模型

    边框属性 边框属性的格式连写(同时设置四条边的边框)border: 边框的宽度 边框的样式 边框的颜色;快捷键:b...

  • 边框border

    边框的组成:边框的粗细,边框的样式,边框的颜色 border: 1px solid red 边框的粗细:单位为px...

  • SwiftUI 设置边框、透明度、阴影

    前言 1、设置边框 1.1 设置边框颜色 默认为1的边框 解释 1.2 设置边框颜色、宽度 设置边框颜色、宽度 2...

  • 2.css盒模型

    1 盒子模型的概念 2.边框属性 3.边框属性—设置边框样式(border-style) 4.边框属性—设置边框样...

  • CSS边框圆角--跟着李南江学编程

    1.什么是边框圆角? 就是把矩形边框变成圆角边框,就叫做边框圆角。 2.设置边框圆角的格式 2.1 border-...

  • 盒模型

    内容区 内边距 边框 指定边框圆角 边框风格 外边距

  • 盒子模式之边框属性

    一、边框属性 什么是边框? 边框就是环绕在标签宽度和高度周围的线条。 边框属性的格式 连写. 同时设置四条边的边框...

  • CSS 边框样式

    本节我们来学习边框样式,主要包括如何设置边框的宽度、边框的颜色、边框的样式等。当我们给某个元素设置边框时,可以分为...

网友评论

      本文标题:边框

      本文链接:https://www.haomeiwen.com/subject/yxxbwxtx.html