Html 为什么我不能添加边框宽度

Html 为什么我不能添加边框宽度,html,css,Html,Css,我是CSS新手。我试图在文本周围创建边框,但边框没有出现。还有在线编辑告诉我标签上的错误,比如打字错误吗 <!DOCTYPE html> <html> <head> <title> CSS Practice </title> <style> p. one {border-width: 2px; border-style: solid;} </style> </head> &l

我是CSS新手。我试图在文本周围创建边框,但边框没有出现。还有在线编辑告诉我标签上的错误,比如打字错误吗

 <!DOCTYPE html>

 <html>
 <head>
 <title> CSS Practice 
 </title>
 <style>
 p. one {border-width: 2px; border-style: solid;}
 </style>
 </head>

 <body>
 <p class="one"> My name is xyz </p>
 </body>
 </html>
您的选择器应该是p.1,而不是p.not

不会找的,不会在里面找的

p、 一个{ 边框宽度:2倍; 边框样式:实心; }

我的名字是xyz

删除选择器中的空格:

p.one {border-width: 2px; border-style: solid;}

p.one选择具有类one的元素,该类元素是段落标记的后代,而p.one选择具有类one的段落。

我同意关于CSS问题的给定答案。关于你的另一个问题,当涉及到标签和打字错误时,一些编辑会帮助你。例如,Sublime Text、Notepad++、Atom和其他工具都有很好的语法高亮显示功能,可以缩进代码、关闭打开的标记和指出拼写错误。HTML和CSS可以通过W3C验证程序根据W3C标准进行验证。有些编辑器具有验证代码的功能,但您始终可以使用这些联机验证工具

希望这对您的编码有所帮助。

使用此选项

p.one{border:2px solid #000}
很好用! 此处演示:

你在两人之间有一段距离。一 让我再教你一件事:-。用阴影和一些填充物使你的盒子漂亮

box-shadow: 2px 2px 10px 3px #CCC;
padding:10px;
只用

border : 2px solid black;
增加2px可能会增加边框宽度。

不要使用p.one{…}来增加CSS的特异性。当您严格地只需要设置目标p元素的样式时,它非常有用


在您的示例中,您可以只放置一个语义类名并使用所需的属性和值。仅供参考,p.classname和.classname有不同的含义,处理方式也不同。例如,如果使用p.classname,样式将仅应用于类为.classname的p元素,但如果将选择器定义为.classname,则可以将其用于任何元素,即使它不是p元素。

。你能不能再给我举几个例子,或者给我一个链接,我可以在那里学到更多关于这方面的知识。当然可以。这是一个很好的阅读页面:任何基本的css教程都会为您提供答案。