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; padding: 10px 10px 10px 10px; margin-top: 5px; word-wrap: break-word; } .logo-main { display: block; margin: 5px auto; margin-left: :50% } #footer{ position:fixed; z-index: 1; height:80px; background:rgba(255,255,255,0.9); bottom:0px; left:0px; padding: 5px 5px 5px 5px; right:0px; margin-bottom:0px; -webkit-box-shadow: -1px -9px 20px -15px rgba(0,0,0,0.75); -moz-box-shadow: -1px -9px 20px -15px rgba(0,0,0,0.75); box-shadow: -1px -9px 20px -15px rgba(0,0,0,0.75); } hr.style18{ border-top: 1px solid #c9cacc; } ::-webkit-scrollbar { width: 2px; } /* Track */ ::-.........完整代码请登录后点击上方下载按钮下载查看
网友评论0