关于CSS边框单一样式设置的一些问题

最新推荐文章于 2024-04-08 19:42:17 发布

原创最新推荐文章于 2024-04-08 19:42:17 发布 · 393 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

JavaScript 专栏收录该内容

0 篇文章

订阅专栏

本文探讨了在CSS中如何处理边框单一样式的设定问题，由作者星海分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于CSS边框单一样式设置的一些问题

作者：星海

<style>
		div{
			width: 300px;
			height: 300px;
			border: 1px solid red;
			/* border-top的会覆盖掉border的样式，上到下的执行顺序 */
			border-top: 3px solid green;
			/* border会再一次覆盖掉border的样式，上到下的执行顺序 */
			border: 1px solid red;
			border-right: 3px solid blue;
			border-left-color: purple;
			/* 
			* purple会消失，HTMl自动识别为 border-left: 3px solid '';
			* 即为
			* border-left-width:3px;
			* border-left-style:solid;
			* border-left-color:defalut(black);
			*/
			border-left: 3px solid defalut;
			/* 
			* 如果在上述border-left: 3px solid defalut; 会自动显示为1px solid purple的样式
			* 如果在利用border-left:3px solid defalut; 再次覆盖则又会显示为 3px solid black的样式
			*/
			/* border-left: 3px solid defalut; */
		}
</style>