<!DOCTYPE html> <html lang="en" encoding="utf-8"> <head> <meta charset="UTF-8"> <title>Titlexinxing</title> <style> .cen{ widght: 200px; height: 200px; background_color: red; } .left{ border-radius: 100px; } </style> </head> <body> <div class="cen left"></div> <div class="cen c"></div> <div class="cen rig"></div> </body> </html>
???
这个程序有几个问题:
-
在<html>标签中,
encoding
应该改为lang
,即<html lang="en">
。 -
在样式部分,
widght
应该改为width
,background_color
应该改为background-color
。 -
在HTML中,使用class属性时应该加上引号,即
class="cen left"
。 -
在HTML中,样式类名不能使用字符"."开头,应该改为
class="left"
、class="c"
、class="rig"
。 -
在style标签的
.left
样式类中,应该使用border-radius
属性而不是border_radius
。
关于为什么在浏览器中没有显示,可能有以下几个原因:
-
在HTML中使用的CSS样式有错误,导致无法正确显示。
-
HTML文件的文件名或文件路径有问题。
-
浏览器缓存问题,可以尝试强制刷新浏览器来解决。
要解决这个问题,可以按照以下步骤来进行:
-
检查HTML中的CSS样式是否有错误,确保样式语法正确。
-
检查HTML文件的文件名和文件路径是否正确。
-
使用不同的浏览器来查看页面,以确定是否是浏览器兼容性问题。
-
强制刷新浏览器,可以使用Ctrl + F5或Shift + F5来进行强制刷新。
-
确保服务器已经正确配置,确保HTML文件能够被服务器正确解析和显示。