欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

小用例 博客分类: 前端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 a 阴影