标签：HTML

一个404页面

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            padding: 0 30px;
            color: #999;
            font-weight: 900;
        }
    </style>
</head>

<body>
    <h2 style="font-size:60px;">404</h2>
    <p style="line-height: 40px;padding-left:20px;">
        有一个空间, 称作404;<br>
        你已经来到了404空间.<br>
        祝你开开心心! <br>
    </p>
</body>

</html>

一个后台登录界面

长这样

代码如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Login</title>
	<link rel="stylesheet" href="">
	<link rel="stylesheet" href="//static.class4ever.com/layui/v2.5.5/css/layui.css">
	<style type="text/css" media="screen">
	* {
		margin:0;
		padding:0;
	}	

	html{
		background: #444;
	}

	.login{
		width:440px;
		height:375px;
		background:#fff;
		position: fixed;
    		top: 0px;
    		left: 0px;
    		right: 0px;
    		bottom: 0px;
    		margin: auto;
    		border-radius: 5px;
	}

	.login-form{
		padding: 0 40px;
	}

	.login-form>div{
		margin-top:30px;
	}

	.login-title{
		font-size:26px;
		text-align: center;
		margin-top:50px;
	}
	</style>
</head>
<body>
	<div class="login">
		<div class="login-title">
			后台登录
		</div>
		<div class="login-form">
			<div>
				<input type="text" class="layui-input" placeholder="用户名">
			</div>
			<div>
				<input type="password" class="layui-input" placeholder="密码">
			</div>
			<div>
				<button type="button" class="layui-btn layui-btn-fluid layui-btn-lg">登录</button>
			</div>
		</div>
	</div>
</body>
<script src="//static.class4ever.com/layui/v2.5.5/layui.all.js"></script>
</html>

解决video标签不能再手机浏览器inline播放的问题

有时, <video>在一些浏览器不能inline播放, 一点视频就全屏, 比如iPhone+safari的环境, 使用像下面代码, 可以让video, inline播放; 实例化于iOS13.2.2

<video src="1.mp4" webkit-playsinline="" playsinline="" x5-playsinline="" x-webkit-airplay="allow" controls="" autoplay="autoplay"></video>