小用例 博客分类： 前端css htmla阴影
程序员文章站
2024-03-25 23:08:04
...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
</head>
<style type="text/css">
body{margin: 0; padding: 0;position: relative;}
div{display: block;}
a:link{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}/*//去掉点击效果去掉下划线*/
a{color: #434343;}
.text-check{color: red;width: 3rem;}
.text-check li{border: 1px solid;}
.moven-text{}
.mo{border: 1px solid #fff;display: -webkit-inline-box;background: #434343;color: #fff;}
.main{border: 1px solid;display: block;}
.main-left{float: left; display: block;}
.main-text{float: left;margin: 0px 1rem;display: block;}
.main-right{display: block;}
.main-right-colo{color: #434343;}
.main-sel{float: left;margin:}
.footer-button{width: 100%;text-align: center;}
.footer-button a{width:5rem; line-height: 3rem; background: #f66456;color: #fff;text-align:center;margin: auto 0;display: inline-block;
box-shadow: 0px 2px 10px #000;border-radius: 4px;
}
}}
</style>
<body>
<div class="main">
<div class="main-left"><a href="#">压缩</a></div>
<div class="main-text"><a href="https://www.baidu.com">百度</a></div>
<div class="main-right"><a href="#">女警</a></div>
<select name="main-sel" id="mainSel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div class="footer-button" onclick="getSel()"> <a>提交</a></div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script>
function getSel(){
var mainSel=$("#mainSel").val();
console.log(mainSel);
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
</head>
<style type="text/css">
body{margin: 0; padding: 0;position: relative;}
div{display: block;}
a:link{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}/*//去掉点击效果去掉下划线*/
a{color: #434343;}
.text-check{color: red;width: 3rem;}
.text-check li{border: 1px solid;}
.moven-text{}
.mo{border: 1px solid #fff;display: -webkit-inline-box;background: #434343;color: #fff;}
.main{border: 1px solid;display: block;}
.main-left{float: left; display: block;}
.main-text{float: left;margin: 0px 1rem;display: block;}
.main-right{display: block;}
.main-right-colo{color: #434343;}
.main-sel{float: left;margin:}
.footer-button{width: 100%;text-align: center;}
.footer-button a{width:5rem; line-height: 3rem; background: #f66456;color: #fff;text-align:center;margin: auto 0;display: inline-block;
box-shadow: 0px 2px 10px #000;border-radius: 4px;
}
}}
</style>
<body>
<div class="main">
<div class="main-left"><a href="#">压缩</a></div>
<div class="main-text"><a href="https://www.baidu.com">百度</a></div>
<div class="main-right"><a href="#">女警</a></div>
<select name="main-sel" id="mainSel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<div class="footer-button" onclick="getSel()"> <a>提交</a></div>
<script type="text/javascript" src="js/jquery.min.js" ></script>
<script>
function getSel(){
var mainSel=$("#mainSel").val();
console.log(mainSel);
}
</script>
</body>
</html>