效果图片
下面展示一些 内联代码片
。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/animate.min.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<style>
body{
background: linear-gradient(to right, #190B38, #632E50);
}
.boxxx{
opacity: 0.9;
top: 50px;;
left: 50%;
margin-left: -18rem;
}
</style>
</head>
<body>
<div class="card border-primary boxxx position-relative" style="max-width: 36rem; " >
<div class="card-header">注册</div>
<div class="card-body text-primary">
<form>
<div class="form-group">
<label for="formGroupExampleInput">用户名</label>
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="由3-20个单词字符组成,首字符必须为字母">
</div>
<div class="form-group">