• 技术文章 >web前端 >前端问答

    css怎么设置框线颜色

    青灯夜游青灯夜游2021-09-14 17:07:06原创69

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

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

    方法1:使用border属性

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

    效果图:

    1.png

    方法2:border-color属性

    border-color 属性用于设置四个边框的颜色。

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

    效果图:

    2.png

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

    相关推荐:《css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 框线颜色
    上一篇:html怎么插入css样式 下一篇:vue传参数的方法有哪些
    线上培训班

    相关文章推荐

    • 先引入js还是css文件• css中的背景图片怎么变小• css如何设置行内间隔• css怎么将边框设置为圆角

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网