纯css实现圆形选择日历效果
代码语言:html
所属分类:布局界面
代码描述:纯css实现圆形选择日历效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
@charset "utf-8";
*[class*="fontawesome-"]:before {
font-family: 'FontAwesome', sans-serif;
}
/* ---------- GENERAL ---------- */
body {
background: #f9f9f9;
color: #0e171c;
font: 300 100%/1.5em 'Lato', sans-serif;
margin: 0;
}
a {
text-decoration: none;
}
h2 {
font-size: 2em;
line-height: 1.25em;
margin: .25em 0;
}
h3 {
font-size: 1.5em;
line-height: 1em;
margin: .33em 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.container {
height: 538px;
left: 50%;
margin: -255px 0 0 -245px;
position: absolute;
top: 50%;
width: 510px;
}.........完整代码请登录后点击上方下载按钮下载查看
网友评论0