html中加入虚线

Posted on  2011-11-23 15:57  Trible.H 阅读( 11498) 评论( 0)  编辑  收藏

html里添加虚线


<hr style="border:1px dashed #000; height:1px">


<hr style="border:1px dotted #036" />


<hr style="border : 1px dashed blue;" />

( J; B8 E( E! w7 C


<hr style="border: 1px solid #ff0000"/>

8 }* {# h# f7 ]3 K1 c


<hr style="border:1px dashed #0000fff"/>

9 c% Y" k0 S& G N


1 H1 @5 {% u" v$ D

<hr style="border:3px dotted #000 "/>

3 Y N7 I+ {7 v2 _! T* E1 W


<hr style="border:2px double #e8e8e8"/>

9 ~+ k5 b6 Y* h* S 
border : border-width || border-style || border-color
取值:
该属性是复合属性。请参阅各参数对应的属性。
默认值为: medium none 。 border-color 的默认值将采用文本颜色。

说明:
设置对象的边框样式。
当你指定了边框颜色( border-color )和边框宽度( border-width )时,你必须同时指定边框样式( border-style ),否则边框不会被呈现。
如使用该复合属性定义其单个参数,则其他参数的默认值将无条件覆盖各自对应的单个属性设置。
例如:设置 border : thin 等于设置 border : thin none ,而 border-color 的默认值将采用文本颜色。因此此前的任何 border-color 和 border-width 设置都会被清除。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
对应的脚本特性为 border 。

border-bottom-style版本:CSS2  兼容性:IE4+ NS6+ 继承性:无
语法:
border-bottom-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 的值画菱形边框
inset :  根据 border-color 的值画3D凹边
outset :  根据 border-color 的值画3D凸边

说明:
设置对象下边框的样式。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
在 IE5.5+ 中,边框属性可以直接应用于内联要素。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
如果 border-bottom-width 设置为 0 ,本属性将失去作用。
对应的脚本特性为 borderBottomStyle 。

html+css画虚线,实线相关推荐

  1. [转载]android 画虚线、实线,画圆角矩形,一半圆角

    [转载]android 画虚线.实线,画圆角矩形,一半圆角 (2013-03-19 12:38:12) 转载▼ 标签: 转载 分类: android 原文地址:android 画虚线.实线,画圆角矩形 ...

  2. android 虚线圆角矩形框,android 画虚线、实线,画圆角矩形,一半圆角

    1.画虚线,实线: 建立dotted_line_gray.xml文件放在drawable文件夹下面. android:shape="line" 可以修改你想要的形状 android ...

  3. Android 画虚线却显示实线的问题

    上面shap和view随你怎么怎么怎么去画虚线都不可能在5.0以上的手机上显示虚线.这个事情不可.....纠结半天.试了几种方法才发现在给view加一个 android:layerType=" ...

  4. Android drawLine 画虚线

    drawLine 是画线的 ,有时候想画虚线可以使用 PathEffect 代码如下 Paint linePaint = new Paint();linePaint.reset();linePaint ...

  5. Android 画虚线 DashPathEffect 使用详解

    代码 package com.example.view;import android.content.Context; import android.graphics.Canvas; import a ...

  6. php 画虚线,HTML5 Canvas绘制圆点虚线实例_html5教程技巧

    HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...

  7. 几何画板可以这样画虚线

    学习几何学时,在表示有的几何图形时可能会用到虚线,比如为了展示立体图形,在看不见的背面就需要以虚线效果显示.可是在用专业的绘图工具几何画板绘图时,默认都是使用的实线,如果要想画虚线,需要变换一下,下面 ...

  8. html 边框终点 圆点,CSS设置虚线或虚边框dashed border

    在网页前端设计过程中,少不了要使用边框,这样页面整体好看一些.边框通常分为两种,一种为实边框另一种为虚边框,实边框用得多一些,但有虚线或虚线边框点缀,网页会更漂亮,所以这两种边框都要使用. 在CSS中 ...

  9. CSS分割线虚线代码

    实心的线条:<HR align=left width=490 color=#990099 SIZE=3 noShade> 竖直线:<HR align=center width=1 c ...

最新文章

  1. (转)程序员新人怎样在复杂代码中找 bug?
  2. php单元测试断言方法
  3. 如何根据用户权限屏蔽或显示SAP的订单中的成本显示
  4. anaconda2-keras安装;keras后端修改
  5. 日本公司用人工智能帮人做金融交易
  6. javascript对页面简单的加密和解密
  7. 使用URLConnection获取网页信息的基本流程
  8. 20151208_使用windows2012配置weblogic节点管理器
  9. c语言结果输出10遍,C语言 如何实现输出这样一系列输出结果
  10. 解包操作符 python_用解包操作符 * 解包列表
  11. IDEA+Java+SSM+Mysql+Bootstrap+Maven实现网上书城系统
  12. Python 实现 Discuz论坛附件下载权限绕过漏洞
  13. Web渗透测试实战——(1)Web渗透测试简介
  14. 北京交通大学离散数学 谓词逻辑_离散数学测验题——谓词逻辑答案
  15. 题解:100元买100只鸡,公鸡4元一只,母鸡3元一只,小鸡1元3只,问公鸡,母鸡,小鸡各买了多少只?
  16. 银行IT系统整体架构
  17. everedit 格式化json_Visual studio code (VS code)
  18. 圆里面画一个最大的正方形_在圆里画一个最大的正方形发现了什么
  19. 网易云课堂---布尔教育《8小时学会html》 笔记
  20. SQLite学习笔记(三)

热门文章

  1. NumPy 学习 第三篇:矢量化和广播
  2. SDRAM学习(五)——串口传图
  3. matlab 莫比乌斯带,教师数学论文,关于高等数学教学中运用多媒体手段相关参考文献资料-免费论文范文...
  4. 笔记-知识产权与标准化知识-中华人民共和国政府采购法
  5. 推荐系统中的常用算法——基于Session的推荐
  6. DevOps—持续部署Ansible(二)
  7. Qt-利用fmod库显示声音波形
  8. 4 书写规则
  9. 【考研英语语法】形容词练习题
  10. 有限覆盖定理证明其他实数完备性定理