.box { border-top: 10px solid #000; /* 顶部边框 */ border-right: none; /* 右侧不要边框 */ border-bottom: none; /* 下面不要边框 */ border-left: 10px solid #000; /* 左侧边框 */ }
上述代码中,大家使用了border-top和border-left属性来定义了两个角的边框样式,同时将右侧和下方的边框都设置为none,这就实现了只导一个角的效果。
注意,在使用只导一个角的边框样式时,大家需要考虑到元素的方向和位置,以免出现边框交叉或者样式错位的情况。