`
qwex9iao
  • 浏览: 176693 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

border属性

    博客分类：
  • css
IEUnixWindows 
阅读更多
语法：
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

取值：

none :　 默认值。无边框。不受任何指定的 border-width 值影响

hidden :　 隐藏边框。IE不支持

dotted :　 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线

dashed :　 在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线

solid :　 实线边框

double :　 双线边框。两条单线与其间隔的和等于指定的 border-width 值

groove :　 根据 border-color 的值画3D凹槽

ridge :　 根据 border-color 的值画3D凸槽

inset :　 根据 border-color 的值画3D凹边

outset :　 根据 border-color 的值画3D凸边
分享到：
| CSS浏览器兼容性
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Border属性的终极研究(原创：冰极峰)

    在CSS世界中，`border`属性是一个至关重要的元素，它为网页设计提供了丰富的边框控制能力，让网页的视觉效果更加...希望这篇"Border属性的终极研究"能够帮助你打开CSS边框设计的新世界，让你的设计更具创新力和表现力。

    CSS使用Border属性内外嵌套的代码

    CSS使用Border属性内外嵌套的代码 CSS使用Border属性内外嵌套的代码

    如何使用CSS的border属性来设置边框样式

    如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的border属性来设置边框样式如何使用CSS的...

    css中border属性的特殊用法(实现特殊形状)

    css中border属性的特殊用法(实现特殊形状)-包含代码示例

    css-div的border属性使用&伪元素伪类.docx

    `border`属性是CSS中用于定义元素边框样式的属性，包括`border-top`, `border-right`, `border-bottom`, 和 `border-left`。这些属性允许我们分别设置元素的上、右、下、左边框的样式、宽度和颜色。 在示例中，`div...

    CSS Border属性制作小三角

    CSS Border 属性制作小三角 CSS Border 属性是 CSS 中一个非常重要的属性，它可以用来设置元素的边框样式。今天，我们将探讨如何使用 CSS Border 属性来制作小三角。 首先，让我们了解一下 Border 属性的基本用法...

    CSS的border属性值具有可读性的书写顺序

    在CSS中，border属性用于设置元素边框的样式、宽度和颜色，是页面布局和设计中经常使用的属性。border属性由三个主要部分组成，分别是border-width（边框宽度）、border-style（边框样式）和border-color（边框颜色...

    css3－border属性实例.html

    同之前的html文档

    css border属性的使用方法和技巧

    本文章向码农介绍CSS border边框属性详细内容，感兴趣的码农可以参考一下。 CSS 边框即CSS border-border边框样式颜色、边框样式、边框宽度的语法结构与应用案例教程篇 一、CSS边框基础知识 CSS 边框即CSS border是...

    CSS Border属性solid(实线)使用介绍

    CSS的Border属性是一个非常实用的工具，它可以在网页设计中轻松地添加边框，并且可以通过调整其属性来实现多种视觉效果。边框不仅可以应用于HTML中的各种元素，如表格单元格TD、块级元素DIV等，还可以用于定义文本、...

    利用边框border属性做的网页小符号

    最后问了同学，才得知是用border属性做出来的。 符号如右： 其css代码如下： 复制代码代码如下: .fuhao { position:absolute; top:12px; left:12px; width:0px; height:0px; overflow:hidden; border-width:6px 0...

    border虚线样式，带颜色

    如果想同时设置样式和颜色，可以将它们合并到一个border属性中，用空格分隔： ```css element { border: 2px dashed red; /* 2像素宽的红色虚线边框 */ } ``` 对于复杂的边框设计，你还可以使用伪元素（如:before...

    使用CSS的border属性绘制各种几何形状的方法

    border 边框属性可以说是我们在网页布局中最常用不过的一个属性之一。 border 它不只是边框，它还有很多非常有用的“黑魔法”哈，让我们一起来学习一下。 border绘制几何形状的原理 我们先来看一个简单的小例子： 在...

    利用边框border属性做小符号

    在这个例子中，我们看到了一个使用border属性创建的小符号。符号看起来像一个指向右下方的箭头，具体实现的CSS代码如下： ```css .fuhao { position: absolute; top: 12px; left: 12px; width: 0px; height: 0...

    HTML表格标记教程(2):表格的边框属性BORDER

    通过BORDER属性定义边框线的宽度，单位为像素。 文件范例：10-2.htm 设定边框线的宽度。01 <!– —————————— –>02 <!– 文件范例：10-2.htm –>03 <!– 文件说明：设定表格的边框宽度 –>04 <...

    【 border虚线】CSS border虚线边框属性教程

    学习之路不可停止，最近在研究CSS，今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程，教大家如何使用css制作网页中的虚线，巩固CSS border属性使用方法，感兴趣的同学可以参考一下。

    使用CSS的border属性构建变形边框的方法总结

    在网页设计中，border属性不仅可以应用于传统的div块级元素，还能够应用于段落标签span，甚至可以应用于图片和标题等其他元素的边框。主流的浏览器如Chrome、Firefox、Safari、Opera以及Internet Explorer都支持...

Magicbox
Global site tag (gtag.js) - Google Analytics