css怎么设置上边框不显示不出来

119 阅读 0 评论 79 点赞

我是靠谱客的博主刻苦滑板，这篇文章主要介绍css怎么设置上边框不显示不出来，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

css怎么设置上边框不显示不出来

border-top 简写属性把上边框的所有属性设置到一个声明中

可以按顺序设置如下属性： border-top-width, border-top-style, and border-top-color.

如果不设置其中的某个值，也不会出问题，比如 border-top:solid #ff0000; 也是允许的。

border-top-width 规定上边框的宽度。
border-top-style 规定上边框的样式。
border-top-color 规定上边框的颜色。

示例如下：

复制代码<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
border-top:none;
}
</style>
</head>
<body>
<p>这个段落没有上边框</p>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
border-top:none;
}
</style>
</head>
<body>
<p>这个段落没有上边框</p>
</body>
</html>
登录后复制