2011-03-03 40 views
0

对于下面的类,我尝试在文本周围放置一个矩形边框,但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; 

} 
+1

什么类型的标签是你想添加这个CSS类也如div,span,p? – 2011-03-03 09:59:57

回答

2

你可以将所有边界属性在单一个:

border:1px solid #004993; 
3

您需要-width添加到这个部分,你需要定义边框样式。

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

border alone用作指定边框宽度,边框样式,边框颜色的简写方式。 像这样:

border:medium solid #004993; 
1

我没有看到边框大小的设置。

例如border:2px solid #004993

1

语法, 边框:[宽] | [风格] | [颜色]

在你的类,你没有设置边框的大小和要尝试应用中的风格是无效的。样式列表,您可以使用dashed, dotted, solid, double, groove, ridge, inset, outset

你上面的类工作试试这个,border: 1px dotted #004993