一个错误信息提示页面

最新推荐文章于 2024-08-28 08:50:17 发布

qq_15618849

最新推荐文章于 2024-08-28 08:50:17 发布

阅读量756

点赞数

分类专栏： htmlcss

htmlcss 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<div class="error-msg auto">
        <h1>
            <img src="iconfont-zhuyi-3.png">该页面正在建设中,敬请期待!</h1>
        <div class="jindu">
            <h2></h2>
        </div>
            <a href="/Home">先到我的首页去逛逛吧</a>
</div>

/*css*/
.error-msg{width:600px; height:300px; border:1px solid #79C9FF; position:relative; background:#E3F0FF}
.error-msg h1{font-weight:100; font-family:微软雅黑; font-size:28px;color:#EA8010;margin-top:70px; margin-left:100px; }
.error-msg h1 img{ vertical-align:-10px;}
.error-msg .jindu{width:410px; height:5px; background:#ccc; margin-left:100px; margin-top:30px; border-radius:5px;}
.error-msg .jindu h2{width:300px; height:5px; background:#EA8010;border-radius:5px;}
.error-msg a{width:200px; margin:30px 0px 0px 210px; height:30px; background:#0498FF; border:0px; color:#fff; font-size:14px; font-family:宋体; border-radius:5px; display:block; text-align:center; line-height:30px;cursor:pointer;}