Question

对于下面的课程，我试图在文本周围放置一个矩形边框，但CSS没有按照我的预期进行操作。如何在文本周围添加边框？

提前致谢，

约翰

CSS：

.commentnotify { 
            position:absolute;
            width:310px;
            left:30px;
            top:240px;
            color: #004993;
            border: medium;
            border-color: #004993;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 10px;
            font-weight: bold;
            height: 15px;
            padding-bottom: 0px;
            padding-left: 2px;

}

Answer 1

您需要为此部件添加-width，并且需要定义border-style。

border-width: medium; /* Was: border: medium; */
border-style: solid;

border单独用作指定边框宽度，边框样式，边框颜色的简写方式。像这样：

border:medium solid #004993;

Answer 2

您可以将所有边框属性合并为一个：

border:1px solid #004993;

Answer 3

我没有看到边框尺寸设置。

e.g。 border:2px solid #004993

Answer 4

语法 border：[width] | [风格] | [颜色]

在您的班级中，您没有设置边框的大小，并且您尝试应用媒体的样式无效。您可以使用dashed, dotted, solid, double, groove, ridge, inset, outset

的样式列表

让您的上课开始尝试，border: 1px dotted #004993

在文本周围放置矩形边框

4 个答案: