zoukankan      html  css  js  c++  java
  • css 设置边框的样式设置 border-left 、border属性

    1、border-left

    作用:设置左边框的样式:(所有浏览器都支持 border-left 属性)

    (1)可以简单的把所有的左边框的属性写到一个属性中:

      border-left:thick double #ff0000;   
    border-left 后的第一个参数:指定线的宽度、风格、颜色 ,上面的这个例子就可以说明,thick是指明样式是粗的左边框。 double是指定线的样式是双线最后指定的是线的颜色

    这个
    border-left属性也可以拆分为多个单独的css样式属性:

    可以拆分为:
    • border-left-width
    • border-left-style
    • border-left-color

    border-left-width中如果不设置其中的某个值,也不会出问题,比如 border-left:solid #ff0000; 也是允许的。

    其中border-left-width的值:

    border-left-style

    border-left-color

    2、border属性

    作用:border定义所有的边框的样式

    他的参数和borde-left是一样的,也可以直接

    p
      {
      border:5px solid red;
      }

    也可以分为三个元素分别设置:

    可以按顺序设置如下属性:

    • border-width
    • border-style
    • border-color

    值和上面的border-left是一样的



  • 相关阅读:
    第一阶段冲刺05
    生成器
    三元表达式 ,列表推导式 , 字典生成式
    装饰器
    闭包函数
    函数的定义和参数
    列表内置方法
    字符串的内置方法
    py_11_ 0731
    py_11_ 0730
  • 原文地址:https://www.cnblogs.com/isme-zjh/p/13558054.html
Copyright © 2011-2022 走看看