zoukankan      html  css  js  c++  java
  • css设置边框可以用哪个属性?

    css设置边框可以用border简写属性,它可以在一个声明设置所有的边框属性,按照border-width、border-style、border-color顺序设置;也可以单独使用这几个属性来设置边框样式。

    边框属性介绍:

    border属性:

    一个简写属性,在一个声明中所有的边框属性。

    可以设置的属性分别(按顺序):border-width, border-style,和border-color.

    如果上述值缺少一个没有关系,例如border:#FF0000;是允许的。

    border-width属性:

    border-width 简写属性为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。

    只有当边框样式不是 none 时才起作用。如果边框样式是 none,边框宽度实际上会重置为 0。不允许指定负长度值。

    border-style属性:

    border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

    只有当这个值不是 none 时边框才可能出现。

    border-color属性:

    border-color 属性设置四条边框的颜色。此属性可设置 1 到 4 种颜色。

    border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。

    示例:

    1、在一个border简写属性设置边框。

    <html>
    <head>
    <style type="text/css">
    p 
    {
    border: medium double rgb(250,0,255)
    }
    </style>
    </head>
    
    <body>
    <p>Some text</p>
    </body>
    
    </html>

    广州vi设计公司 http://www.maiqicn.com 我的007办公资源网 https://www.wode007.com

    2、按照border-width、border-style、border-color属性顺序依次设置边框样式。

    示例:

    <html>
    <head>
    <style type="text/css">
    p 
    {
    border-medium;
    border-style:double;
    border-color:rgb(250,0,255);
    }
    </style>
    </head>
    
    <body>
    <p>Some text</p>
    </body>
    
    </html>
  • 相关阅读:
    Jquery停止动画
    Jquery自定义动画与动画队列
    关系型数据库的常用概念
    三大范式审核
    数据库设计基本步骤
    'NoneType' object is not iterable
    三行神奇的代码
    url的解码方式
    [转]获取当前执行主脚本的方法
    非黑即白--谷歌OCR光学字符识别
  • 原文地址:https://www.cnblogs.com/xiaonian8/p/13656944.html
Copyright © 2011-2022 走看看