bootstrap自适应在线答题做题考试UI布局代码

代码语言:html

所属分类:布局界面

代码描述:bootstrap自适应在线答题做题考试UI布局代码

代码标签: bootstrap 自适应 在线 答题 做题 考试 UI

下面为部分代码预览,完整代码请点击下载或在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.3.3.4.css">
    <style>
        body{
            		
        			background: rgb(255,255,255);
        			background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); 
        			background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); 
        			background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
        			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); 
        			background-repeat: no-repeat;
        			background-attachment: fixed;
        
        
            		
            	}
            	.box1{
            	      background:rgba(255,255,255,0.6);
        			  padding: 20px 20px 20px 20px;
        			  border: 1px;
        			  border-radius: 0px;
        			  word-wrap: break-word;
        			  box-shadow:0 3px 6px #dadada;
        			  min-height: 360px;
        		   
            	}
            	.box2{
            		background-color: transparent;
            		border:1px solid #c9cacc;
            		padding: 5px 5px 5px 5px;
        		  	min-height: 360px;
        		  	border-radius: 0px;
        		  	word-wrap: break-word;
        		  	
        		   
            	}
            	p.background {
        		    background: #efefef;
        		    border-radius: 2px;
 .........完整代码请登录后点击上方下载按钮下载查看

网友评论0