bootstrap上传图片效果代码-html代码-BFW代码库

bootstrap上传图片效果代码

代码语言：html

所属分类：上传

代码描述：bootstrap上传图片效果代码，使用了alpine来实现图片文件的选择处理。

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

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

<head>
    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.5.0.0.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/all.5.15.3.css">
    <style>
        body {
        	background-color:#5c4084;
        	margin-top:10rem
        }
        .container {
        	padding:4rem 5rem;
        	background-color:#fff;
        	border-radius:1rem;
        	width:100%;
        	max-width:45rem
        }
        h1 {
        	color:#fff;
        	font-size:2.8rem;
        	font-weight:600;
        	margin:0 0 .5rem 0;
        	background:-webkit-linear-gradient(#fff,#999);
        	-webkit-background-clip:text;
        	-webkit-text-fill-color:transparent;
        	text-align:center
        }
        h4 {
        	color:#a990cc;
        	font-size:1.5rem;
        	font-weight:400;
        	text-align:center;
        	margin:0 0 3.5rem 0
        }
        .btn.btn-primary {
        	background-color:#5c4084;
        	border-color:#5c4084;
        	outline:0
        }
        .btn.btn-primary:hover {
        	background-color:#442f62;.........完整代码请登录后点击上方下载按钮下载查看