老师css文件没有用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>慕课网办公OA系统</title>
    <link rel="stylesheet" href="WEB-INF/resources/layui/css/layui.css" type="text/html">
    <style>
        body {
background-color: #f2f2f2;
        }

        .oa-container {
background-color: white;
            position: absolute;
            width: 400px;
            height: 350px;
            top: 50%;
            left: 50%;
            padding: 20px;
            margin-left: -200px;
            margin-top: -175px;
        }
</style>
</head>
<body>
<div class="oa-container">
    <h1 style="margin-bottom: 20px;text-align: center">慕课网办公OA系统</h1>
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">输入框</label>
            <div class="layui-input-block">
                <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
    </form>
</div>

</body>
</html>

慕工程8205364 2021-06-11

源自：慕课OA系统实现 5-2 基于LayUI开发登录页-2

收起

1回答

好帮手慕阿园 2021-06-11 15:44:28

同学你好，同学将resources文件夹放入webapp目录下，然后将引入css的路径修改成如下试试

href="/resources/layui/css/layui.css"

如果还有问题，同学可以查看控制台的css路径是否正确，如下

祝学习愉快~

收起回答

提问者慕工程8205364 #1

还是不行老师

2021-06-11 15:53:19
好帮手慕阿园回复提问者慕工程8205364 #2

同学你好，查看同学贴出的图片中out目录下没有加载到css，resourse文件夹为空
同学可以重新构建下项目试试
如果还不可以，建议同学将out目录删除后，重新运行项目试试
祝学习愉快~

2021-06-11 17:14:26