首页问答社区 web技术正文

在css中设置边的属性有哪些

2021-02-25 12:48:58 174 0

这篇“在css中设置边的属性有哪些”文章，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要参考一下，对于“在css中设置边的属性有哪些”，小编整理了以下知识点，请大家跟着小编的步伐一步一步的慢慢理解，接下来就让我们进入主题吧。

在css中设置边框可以用border属性、border-style属性、border-width属性、border-color属性等。边框属性允许我们指定一个元素边框的样式和颜色。

边框属性简介：

CSS边框属性允许你指定一个元素边框的样式和颜色。

常用属性：

border 简写属性，用于把针对四个边的属性设置在一个声明。
border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。
border-width 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度。
border-color 简写属性，设置元素的所有边框中可见部分的颜色，或为 4 个边分别设置颜色。

举例：

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>恰卡编程网</title>
<style>
p.one
{
	border-style:solid;
	border-width:5px;
}
p.two
{
	border-style:solid;
	border-width:medium;
}
p.three
{
	border-style:solid;
	border-width:1px;
}
</style>
</head>

<body>
<pclass="one">一些文本。</p>
<pclass="two">一些文本。</p>
<pclass="three">一些文本。</p>
</body>

</html>

运行结果：