html+css画虚线,实线
html中加入虚线
Posted on 2011-11-23 15:57 Trible.H 阅读( 11498) 评论( 0) 编辑 收藏
<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画虚线,实线相关推荐
- [转载]android 画虚线、实线,画圆角矩形,一半圆角
[转载]android 画虚线.实线,画圆角矩形,一半圆角 (2013-03-19 12:38:12) 转载▼ 标签: 转载 分类: android 原文地址:android 画虚线.实线,画圆角矩形 ...
- android 虚线圆角矩形框,android 画虚线、实线,画圆角矩形,一半圆角
1.画虚线,实线: 建立dotted_line_gray.xml文件放在drawable文件夹下面. android:shape="line" 可以修改你想要的形状 android ...
- Android 画虚线却显示实线的问题
上面shap和view随你怎么怎么怎么去画虚线都不可能在5.0以上的手机上显示虚线.这个事情不可.....纠结半天.试了几种方法才发现在给view加一个 android:layerType=" ...
- Android drawLine 画虚线
drawLine 是画线的 ,有时候想画虚线可以使用 PathEffect 代码如下 Paint linePaint = new Paint();linePaint.reset();linePaint ...
- Android 画虚线 DashPathEffect 使用详解
代码 package com.example.view;import android.content.Context; import android.graphics.Canvas; import a ...
- php 画虚线,HTML5 Canvas绘制圆点虚线实例_html5教程技巧
HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...
- 几何画板可以这样画虚线
学习几何学时,在表示有的几何图形时可能会用到虚线,比如为了展示立体图形,在看不见的背面就需要以虚线效果显示.可是在用专业的绘图工具几何画板绘图时,默认都是使用的实线,如果要想画虚线,需要变换一下,下面 ...
- html 边框终点 圆点,CSS设置虚线或虚边框dashed border
在网页前端设计过程中,少不了要使用边框,这样页面整体好看一些.边框通常分为两种,一种为实边框另一种为虚边框,实边框用得多一些,但有虚线或虚线边框点缀,网页会更漂亮,所以这两种边框都要使用. 在CSS中 ...
- CSS分割线虚线代码
实心的线条:<HR align=left width=490 color=#990099 SIZE=3 noShade> 竖直线:<HR align=center width=1 c ...
最新文章
- (转)程序员新人怎样在复杂代码中找 bug?
- php单元测试断言方法
- 如何根据用户权限屏蔽或显示SAP的订单中的成本显示
- anaconda2-keras安装;keras后端修改
- 日本公司用人工智能帮人做金融交易
- javascript对页面简单的加密和解密
- 使用URLConnection获取网页信息的基本流程
- 20151208_使用windows2012配置weblogic节点管理器
- c语言结果输出10遍,C语言 如何实现输出这样一系列输出结果
- 解包操作符 python_用解包操作符 * 解包列表
- IDEA+Java+SSM+Mysql+Bootstrap+Maven实现网上书城系统
- Python 实现 Discuz论坛附件下载权限绕过漏洞
- Web渗透测试实战——(1)Web渗透测试简介
- 北京交通大学离散数学 谓词逻辑_离散数学测验题——谓词逻辑答案
- 题解:100元买100只鸡,公鸡4元一只,母鸡3元一只,小鸡1元3只,问公鸡,母鸡,小鸡各买了多少只?
- 银行IT系统整体架构
- everedit 格式化json_Visual studio code (VS code)
- 圆里面画一个最大的正方形_在圆里画一个最大的正方形发现了什么
- 网易云课堂---布尔教育《8小时学会html》 笔记
- SQLite学习笔记(三)