请问:下面的程序有什么问题?为什么在浏览器中没有显示?怎样解决?

<!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>

???

这个程序有几个问题:

  1. 在<html>标签中,encoding应该改为lang,即<html lang="en">

  2. 在样式部分,widght应该改为widthbackground_color应该改为background-color

  3. 在HTML中,使用class属性时应该加上引号,即class="cen left"

  4. 在HTML中,样式类名不能使用字符"."开头,应该改为class="left"class="c"class="rig"

  5. 在style标签的.left样式类中,应该使用border-radius属性而不是border_radius

关于为什么在浏览器中没有显示,可能有以下几个原因:

  1. 在HTML中使用的CSS样式有错误,导致无法正确显示。

  2. HTML文件的文件名或文件路径有问题。

  3. 浏览器缓存问题,可以尝试强制刷新浏览器来解决。

要解决这个问题,可以按照以下步骤来进行:

  1. 检查HTML中的CSS样式是否有错误,确保样式语法正确。

  2. 检查HTML文件的文件名和文件路径是否正确。

  3. 使用不同的浏览器来查看页面,以确定是否是浏览器兼容性问题。

  4. 强制刷新浏览器,可以使用Ctrl + F5或Shift + F5来进行强制刷新。

  5. 确保服务器已经正确配置,确保HTML文件能够被服务器正确解析和显示。

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值