当前位置: 首页 > Web开发 > 开发 >正文

css怎么设置框线颜色

来源:互联网时间:2021-09-14 18:02:39编辑:网友分享
css设置框线颜色的方法:1、使用border属性,语法“border:颜色值;”;2、使用border-color属性,语法“border-color:颜色值;”。颜色值可以使用颜色名、十六进制数值、RGB或RGBA、HSL等来定义。

css设置框线颜色的方法:1、使用border属性,语法“border:颜色值;”;2、使用border-color属性,语法“border-color:颜色值;”。颜色值可以使用颜色名、十六进制数值、RGB或RGBA、HSL等来定义。

css怎么设置框线颜色

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法1:使用border属性

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			p{ 
				margin: 10px;
				border:solid #FFC0CB;
			}
		</style>
	</head>
	<body>
		<p>测试文字</p>
		<p>测试文字</p>
		<p>测试文字</p>
	</body>
</html>

效果图:

css怎么设置框线颜色

可以通过以下方式设置颜色值:

  • name - 指定颜色名,比如 "red"

  • HEX - 指定十六进制值,比如 "#ff0000"

  • RGB - 指定 RGB 值,比如 "rgb(255,0,0)"

  • HSL - 指定 HSL 值,比如 "hsl(0, 100%, 50%)"

  • transparent

相关推荐:《css视频教程》

以上就是css怎么设置框线颜色的详细内容,更多请关注web开发者其它相关文章!

上一篇: 新手篇:如何用ps制作科技感背景(分

下一篇:新手篇:如何用css制作图片文字排

您可能感兴趣的文章

相关阅读