Rumah > Artikel > hujung hadapan web > css如何去掉上边框
css如何去掉上边框
- 青灯夜游asal
- 2021-11-09 16:32:124751semak imbas
css去掉上边框的方法：1、使用“border-top:none;”语句去除；2、利用“border-top:transparent;”语句将上边框的边框颜色设置为透明；3、利用“border-top:0;”语句将上边框的边框宽度设置为0。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
我们在使用border属性设置边框时，会一次性将上下左右四个边框都设置了：
<!DOCTYPE html>
<html>
<head>
<style>
div{
height: 50px;
border: 1px solid red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
有时候，我们不需要上边框，那么怎么去掉尼？可以利用border-top属性。
方法1：
div{
height: 50px;
border: 1px solid red;
border-top:none;
}
方法2：
div{
height: 50px;
border: 1px solid red;
border-top:transparent;
}
方法3：
div{
height: 50px;
border: 1px solid red;
border-top:0;
}
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css如何去掉上边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css鼠标指针怎么设置为图片样式Artikel seterusnya：css中如何设置边框大小和颜色