day12
2017-07-28 本文已影响0人
613桑
1.今天学到了
1.如何设置上选框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
margin: 100px auto;
width: 80px;
height:30px;
background-color: greenyellow;
box-sizing: border-box;
position: relative;
}
.one{
position: absolute;
width: 80px;
height: 30px;
top: -30px;
background: oldlace;
display: none;
}
.box:hover .one{
display: block;
}
</style>
</head>
<body>
<div class="box">
<p class="one">aaaaa</p>
<p class="two">bbbbb</p>
</div>
</body>
</html>
2.如何设置上箭头
//html 中span用来设置上箭头
<div class="Eh"><a href=""><i></i>English<span></span></a></div>
.footer .down .language .Eh span{
display: inline-block;
width: 0;height: 0;
border: 4px solid;
border-color:#333333 transparent transparent transparent;
}
3.应该运用上的网址
//码云
https://git.oschina.net/
//Ant Design Users
https://github.com/ant-design/ant-design/issues/477
//ICONFONT
http://www.iconfont.cn/
2。今天熟悉了
1.如何设置上选框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
margin: 100px auto;
width: 80px;
height:30px;
background-color: greenyellow;
box-sizing: border-box;
position: relative;
}
.one{
position: absolute;
width: 80px;
height: 30px;
top: -30px;
background: oldlace;
display: none;
}
.box:hover .one{
display: block;
}
</style>
</head>
<body>
<div class="box">
<p class="one">aaaaa</p>
<p class="two">bbbbb</p>
</div>
</body>
</html>
2.如何设置上箭头
//html 中span用来设置上箭头
<div class="Eh"><a href=""><i></i>English<span></span></a></div>
.footer .down .language .Eh span{
display: inline-block;
width: 0;height: 0;
border: 4px solid;
border-color:#333333 transparent transparent transparent;
}
3.应该运用上的网址
//码云
https://git.oschina.net/
//Ant Design Users
https://github.com/ant-design/ant-design/issues/477
//ICONFONT
http://www.iconfont.cn/
3.今天不懂的地方
无
