怎么让div的边框只显示一半（css设置只显示一半边框）
丁俊熙优秀作者
原创内容 来源：小居数码网 时间：2024-08-14 09:06:01 阅读() 收藏：53 分享：58 爆
导读：您正在阅读的是关于【数码知识】的问题，本文由科普作家协会，生活小能手，著名生活达人等整理监督编写。本文有633个文字，大小约为3KB，预计阅读时间2分钟。
在网页设计中经常用到css来设计各种边框样式以及颜色等，有时候需要一个div只显示一个边框，你可能会用到
css设置只显示一半边框
一、CSS border-width 属性
border-width是实现显示边框的重要属性。用法如下：
border-width:top right bottom left
参数说明：
top：上边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。
right：右边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。
bottom：下边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。
left：左边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。
其中像素如：10px 20px等
内置样式有：
thin：定义细的边框；
medium:默认值，定义中等边框；
thick：定义粗的边框；
inherit：继承父元素的边框宽度。
二、CSS border-style 属性
border-style是用来设置边框线样式的，语法如下：
border-style:样式;
其中可设置的样式有：
none 定义无边框。
hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
三、实例应用
只要定义边框不为0，即可显示边框（但是需要定义边框线样式），如果想要只显示下边框就相当于把top、right、left设置为0px；下边框不为0即可。
实例如下：
<html>
<head>
<meta charset='utf-8'>
<title>标题</title>
</head>
<body>
<style>
.show{ border-width: 0 0 1px 0; border-style: solid; border-color: black; }
</style>
<div class='show'>只显示下边框</div>
</body>
</html>
显示如下：
如果想要只显示右边框只需要改border-width属性为 0 1px 0 0即可。
上面就是小居数码小编今天给大家介绍的关于（css设置只显示一半边框）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
- 写字边框怎么画可爱（ps怎么制作描边字）
- 怎么给word添加页面边框（在word文档中如何给页面添加边框）
- qq怎么隐藏年龄和生日（qq怎样只显示生日不显示年龄）
- 无边框显示器品牌排行榜前十（哪几个无边框显示器品牌好）
（412）个朋友认为回复得到帮助。
部分文章信息来源于以及网友投稿，转载请说明出处。
本文标题：怎么让div的边框只显示一半（css设置只显示一半边框）：http://sjzlt.cn/shuma/155435.html
猜你喜欢
- 写字边框怎么画可爱（ps怎么制作描边字）
- 怎么给word添加页面边框（在word文档中如何给页面添加边框）
- qq怎么隐藏年龄和生日（qq怎样只显示生日不显示年龄）
- 无边框显示器品牌排行榜前十（哪几个无边框显示器品牌好
- 推荐金属边框手机壳品牌？（金属边框手机壳哪个牌子好）
- 夏普无边框手机介绍（夏普无边框手机什么时候出的）
- 小米12S系列外观（小米12S系列直角边框）
- 小米12Lite真机照曝光（小米12Lite直角边框）
- win7边框颜色设置方法（win7边框颜色怎么设置）
- 黑屏只显示鼠标解决措施（电脑开机黑屏只有一个鼠标怎么
- 中文打字只显示字母的原因（win10中文打字只显示字母是为什
- 简单的excel表格制作教程（excel如何制作表格边框）
精选文章
-
-
-
-
-
-
-
-
天龙功放声音模式设置（天龙功放音量调
1464 -
懂行的人建议买华为还是荣耀手机（华为
1269 -
