`
Relucent
  • 浏览: 209440 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS样式查询 border-style

CSSHTML 
阅读更多

<html>
<head>
<title>边框风格属性 border-style </title>
<style type="text/css">
 .d1 {border-style:none;}
 .d2 {border-style:solid;}
 .d3 {border-style:dotted;}
 .d4 {border-style:dashed;}
 .d5 {border-style:double;}
 .d6 {border-style:groove;}
 .d7 {border-style:ridge;}
 .d8 {border-style:inset;}
 .d9 {border-style:outset;}
</style>
</head>
<body>
 <div>none</div>
 <br>
 <div class = "d1">none</div>
 <br>
 <div class = "d2">solid</div>
 <br>
 <div class = "d3">dotted</div>
 <br>
 <div class = "d4">dashed</div>
 <br>
 <div class = "d5">double</div>
 <br>
 <div class = "d6">groove</div>
 <br>
 <div class = "d7">ridge</div>
 <br>
 <div class = "d8">inset</div>
 <br>
 <div class = "d9">outset</div>
 <br>
</body>
</html>

分享到：
| 常见的HTTP 状态代码
评论
发表评论

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

相关推荐

    css-border-effects.zip

    在前端开发领域，CSS（Cascading Style Sheets）是用于控制网页元素样式和布局的关键技术。这个名为"css-border-effects.zip"的压缩包文件显然包含了关于CSS边框效果的学习资源，特别关注的是如何通过CSS来创建各种...

    解决border-radius失效问题

    在CSS世界中，`border-radius`属性是一个非常重要的特性，它允许我们为元素添加圆角效果，从而使得设计更加精致和现代。然而，在实际开发中，我们可能会遇到`border-radius`失效的问题，导致元素的边角无法按照预期...

    CSS border-style 属性使用方法

    border-style — 定义边框的样式 取值:&lt;border&gt;{1,4} | inherit &lt;border&gt;{1,4}: 边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式 border-style和border-width的赋值方式是...

    CSS border.docx CSS border.docx

    CSS 中的 border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。border-style 属性的值可以是 none、hidden、dotted、dashed、solid、double、...

    border虚线样式，带颜色

    总之，“border虚线样式，带颜色”是指在网页设计中利用CSS的border-style和border-color属性来创建具有颜色的虚线边框。通过灵活运用这些属性，你可以创造出各种独特的视觉效果，丰富网页的界面设计。

    border虚线样式(style)

    在CSS（层叠样式表）中，`border`属性用于定义元素边框的样式、宽度和颜色。当我们想要创建一个虚线边框时，可以利用`border-style`属性来实现。`border-style`属性允许我们设置不同的边框类型，如实线、虚线、点线...

    引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果

    要使用PIE.htc，你需要在你的CSS样式表中添加以下代码： ```css .your-element { behavior: url(/path/to/PIE.htc); -webkit-border-radius: 10px; /* Chrome, Safari, Opera */ -moz-border-radius: 10px; /* ...

    CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo

    本主题“CSS样式Table[3] - practical-css3-tables-with-rounded-corners-demo”着重讨论如何使用CSS3来创建具有圆角的表格，提升网页的视觉效果。我们将深入探讨CSS3中的相关属性和技术，以及如何通过实例代码...

    详解CSS3中border-image的使用

    在CSS3中，`border-image`是一个非常强大的特性，它允许我们使用图像来定义元素的边框样式，从而创造出更具视觉吸引力的效果。这个属性是CSS3入门学习中的基础知识，对于提升网页设计的美观度具有重要作用。 首先，...

    table中的border-collapse属性

    在探讨“table中的border-collapse属性”这一主题时，我们深入剖析了CSS中这一关键属性的运作机制及其对表格布局的影响。border-collapse属性是CSS中用于控制表格边框表现的重要属性，它决定了表格单元格（td）之间...

    QT使用border-image实现9宫格效果

    接下来，我们将在QT的QSS（Qt Style Sheets）中使用`border-image`属性。QSS类似于HTML的CSS，用于控制QT界面的样式。以下是一个基本示例： ```css QPushButton { border-image: url(:/testImage) stretch; } ``` ...

    第十一课 css边距与边框-011

    边框是元素四周边缘的可见线条，它由三个属性组成：边框宽度（border-width）、边框颜色（border-color）和边框样式（border-style）。例如： ```css div { border-width: 1px; /* 默认的边框宽度 */ border-...

    如何使用CSS(14)-边框属性

    CSS中的边框属性主要包括以下几类：`border`, `border-width`, `border-style`, `border-color`以及针对四个不同方向的边框属性（例如：`border-top-width`, `border-bottom-style`等）。这些属性可以单独设置，也...

    border虚线（带你了解冷门却实用的特性)

    在CSS中，`border`属性用于定义元素边框的样式、宽度和颜色。默认情况下，边框是实线，但通过设置特定的值，我们可以将其变为虚线、点线或其他自定义样式。 虚线边框的设置主要是通过`border-style`属性完成的。`...

    常用控件CSS样式

    "常用控件CSS样式"是一个集合，包含了各种经典且美观的CSS样式，适用于多种常见的网页控件，这些样式可以自定义并应用于项目中，以提升用户体验和界面美观度。 "设计模edo-Flat-UI-c4d26b2"这个文件很可能是这个...

    CSS 盒子模型.pdf

    border-style 属性用于设置边框的样式，可以单独设置每个边框的样式，也可以设置四个边框的统一样式。 * border-top-style: 上边框样式 * border-right-style: 右边框样式 * border-bottom-style: 下边框样式 * ...

    css border 虚线的使用方法.docx

    要使用 CSS border 虚线，需要使用 border-style 属性设置虚线样式。border-style 属性可以取以下几种值： * dotted：虚线边框，每个虚线都是一个圆点。 * dashed：虚线边框，每个虚线都是一个短线。 * double：...

    XML应用开发（软件品牌）-1期 4.8 案例分析-使用CSS容器属性显示XML文档-边框属性border.doc

    - `border-style` 用于定义元素的边框类型，可以分别设置四个方向的边框样式：`border-top-style`, `border-right-style`, `border-bottom-style`, `border-left-style`。常见的样式有： - `none`：无边框 - `...

    JavaScript CSS Style属性对照表

    本文将详细介绍如何利用JavaScript来修改CSS样式，并提供一系列常用属性的对照表，帮助开发者更好地理解和运用这些属性。 #### 二、基本概念 在CSS中，大多数属性名称是不区分大小写的，而在JavaScript中，为了...

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