css solid是什么意思?

solid是css中border-style属性的一个属性值,表示实线。给border-style属性设置solid值用于添加实线边框。下面本篇文章就来给大家介绍一下border(边框)属性和solid值,希望对大家有所帮助。

CSS border-style属性

border是“边界”的意思,通常情况下border是指用于设置所有边框样式的css属性.

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

只有当这个值不是 none 时边框才可能出现。

描述
none定义无边框。
hidden与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。
dotted定义点状边框。在大多数浏览器中呈现为实线。
dashed定义虚线。在大多数浏览器中呈现为实线。
solid定义实线。
double定义双线。双线的宽度等于 border-width 的值。
groove定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge定义 3D 垄状边框。其效果取决于 border-color 的值。
inset定义 3D inset 边框。其效果取决于 border-color 的值。
outset定义 3D outset 边框。其效果取决于 border-color 的值。
inherit规定应该从父元素继承边框样式。

样式:

描述

最不可预测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不过,CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗,也没有指出线之间的空间是否应当比线粗。所有这些都有用户代理决定,创作人员对这个决定没有任何影响。

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dotted {
				border-style: dotted
			}
			p.dashed {
				border-style: dashed
			}
			p.solid {
				border-style: solid
			}
			p.double {
				border-style: double
			}
			p.groove {
				border-style: groove
			}
			p.ridge {
				border-style: ridge
			}
			p.inset {
				border-style: inset
			}
			p.outset {
				border-style: outset
			}
		</style>
	</head>

	<body>
		<p class="dotted">A dotted border</p>

		<p class="dashed">A dashed border</p>

		<p class="solid">A solid border</p>

		<p class="double">A double border</p>

		<p class="groove">A groove border</p>

		<p class="ridge">A ridge border</p>

		<p class="inset">An inset border</p>

		<p class="outset">An outset border</p>
	</body>

</html>

效果图:

1.jpg

更多前端开发知识,请查阅 HTML中文网 !!

以上就是css solid是什么意思?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏