Login
网站首页 > 文章中心 > 其它

css虚线样式_CSS加虚线是哪个属性?

作者:小编 更新时间:2023-07-11 13:22:34 浏览量:329人看过

.box { margin:10px; border:1px dashed #ccc;}

.box

那就看你要怎么去实现这个虚线了,比如实现虚线的方式有用div,有hr水平线方猛拿式。

div的方式就可以这样写: border-top:1px #ccc dashed;,只留链穗一条边可见,其它边不可见,虚线的属性是 dashed;

css虚线样式_CSS加虚线是哪个属性?-图1

如果你用hr实现也是可以的,同样棚知卜也可以在样式里写 dashed属性值;

这样就实现虚线了。

方法一:作一个1X2的图。半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

方法二:在CSS里面设定。

CSS面板里new一个style,选择"redefine HTML

Tag",再在下拉菜单里先"table",在弹出的面板里梁戚,category里选择border,在border里,将

top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有

的表格都会用虚线做边框了。注意,这橡茄陵个效果在浏览器里才能看见。

方法三:直接在html里设置(如果你只想让某一个表格边框是虚纳李线的话)。

在表格的html里加上这个:

style="BORDER-LEFT:

000000 1PX DASHED; BORDER-RIGHT: 000000 1PX DASHED; BORDER-TOP: 000000

1PX DASHED; BORDER-BOTTOM: 000000 1PX DASHED"

已知的方式有2种(纯样式):

1.用标签(div、span这些标签都可以)的边框线设置虚线来实现,比如在需要的位置插入div然后设置border-top(或者border-bottom):1px dashed #e5e5e5;(3个属性分别表示:1像素的边宽 虚线 颜手祥色);

2.用hr,不过因为实现方旅氏式和方式一一样,比如:,但是这个标毕镇搏签在H5种已经被淘汰了,完全可以靠第一种来实现。第二种就当做是知识扩展

无边框

点线式边框

破折线式边框

直线式边框<

双线式边框

槽握让线式边框

脊线式边框蔽蔽

内嵌效果的边框

突起效果宏皮州的边框

用这个

text-decoration: underline;

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凸边

以上就是土嘎嘎小编大虾米为大家整理的css虚线样式_CSS加虚线是哪个属性?相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章