简明现代魔法 -> CSS层叠样式表 -> CSS 虚线样式

CSS 虚线样式

2010-03-03

效果演示

none: Defines no border

dotted: Defines a dotted border

dashed: Defines a dashed border

solid: Defines a solid border

double: Defines two borders. The width of the two borders are the same as the border-width value

groove: Defines a 3D grooved border. The effect depends on the border-color value

ridge: Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

比如以下 CSS 代码:

.introduce {
	border:1px dotted gray;
	margin:8px 5px 8px 10px;
	border-style:dashed;
	width:128px;
	float:left;
}

border-style 设置为 dashed,即点划线。同样的,double 为双线,groove 为槽状,ridge 为脊状,inset 为凹陷,outset 为凸出。

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们