日度归档:2020年1月5日

css 如何定义边框颜色呢?


摘要:
下文讲述在html页面中,定义边框颜色的方法,如下所示:

在html页面中,我们可以使用css中的border-color定义边框颜色,
在border-color后,我们可以使用三种方法对其进行赋值,
1.使用RGB rgb(233,0,0)
2.使用十六进制颜色值: #001000
3.使用颜色代码 yellow blue
例:

   p.a
	{
		border-style:solid;
		border-width:3px;
		border-color:blue;
	}
	p.b
	{
		border-style:solid;
		border-width:medium;
		border-color:#ff0910;
	}

例:

    <html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)</title>
<style>
  p.a
	{
		border-style:solid;
		border-width:3px;
				border-color:blue;
	}
	p.b
	{
		border-style:solid;
		border-width:medium;
				border-color:#ff0910;
	}
 
</style>
</head>

<body>
<p class="a">边框样式定义</p>
<p class="b">边框样式定义</p> 
</body>

</html>
 

css 如何定义边框宽度呢?


摘要:
下文讲述在html页面中,定义边框宽度的方法,如下所示:

在html页面中,我们可以使用css中的border-width定义边框宽度,
在border-width后,我们可以使用两种方法对其宽度进行赋值,
1.直接输入相应的宽度值
3px 0.3em 0.3cm 3pt
2.使用以下三个枚举类型对其宽度进行赋值
thick 、medium(默认值) 和 thin
例:

   p.a
	{
		border-style:solid;
		border-width:3px;
	}
	p.b
	{
		border-style:solid;
		border-width:medium;
	}

例:

    <html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(maomao365.com)</title>
<style>
  p.a
	{
		border-style:solid;
		border-width:3px;
	}
	p.b
	{
		border-style:solid;
		border-width:medium;
	}
 
</style>
</head>

<body>
<p class="a">边框样式定义</p>
<p class="b">边框样式定义</p> 
</body>

</html>
 


注意事项:
使用border-width前,必须使用border-style定义边框样式