gpt4 book ai didi

html - 我可以创建没有对 Angular 线的边框底部吗?

转载 作者:太空狗 更新时间:2023-10-29 14:05:01 26 4
gpt4 key购买 nike

<分区>

我想创建一个不同颜色的盒子,左、右和顶部颜色为红色,底部颜色为灰色,但我想要盒子的平底边框

HTML

<div class="ts"></div>

CSS

.ts {    
height:100px;
width:100px;
border-width:10px 10px 20px 10px;
border-style:solid;
border-color:#f00 #f00 #ddd #f00;
}

当我用上面的代码创建它时,它看起来像这样

enter image description here

但我不希望底边框作为对 Angular 线 Angular ,我希望它作为;

enter image description here

http://jsfiddle.net/3jHG8/

作为跨浏览器有没有简单的方法?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com