PROMULGATOR

    时间煮雨我煮饭

    陕西省宝鸡市
    Html
    Css
    Js

    
                        
body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,td,th,input,select,extarea {
	margin:0;
	padding:0;
}
body {
	/* font-family:"微软雅黑";
	*/
}
li {
	list-style:none;
}
a {
	text-decoration:none;
}
.box {
	width:500px;
}
.box_top {
	width:500px;
	height:50px;
	background:dimgray;
}
.box_top input {
	float:right;
	width:300px;
	height:20px;
	margin-top:15px;
	margin-right:32px;
	border-radius:5px;
}
.box_top b {
	line-height:50px;
	margin-left:30px;
	color:azure;
}
.box_bottom {
	background:lightgray;
}
.bot_zz {
	width:500px;
	/* height:50px;
	*/
	/* background:pink;
	*/
}
.bot_zz b {
	color:black;
	margin-left:30px;
	font-size:20px;
	line-height:50px;
}
.bot_zz span {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:white;
	line-height:30px;
	text-align:center;
	float:right;
	margin-right:32px;
	margin-top:10px;
}
.bot_zz span input {
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid transparent;
	text-align:center;
}
.bot_wc {
	width:500px;
	/* height:50px;
	*/
	/* background:green;
	*/
}
.bot_wc b {
	color:black;
	margin-left:30px;
	font-size:20px;
	line-height:50px;
}
.bot_wc span {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:50%;
	background:white;
	line-height:30px;
	text-align:center;
	float:right;
	margin-right:32px;
	margin-top:10px;
}
.bot_wc span input {
	width:30px;
	height:30px;
	border-radius:50%;
	border:1px solid transparent;
	text-align:center;
}
.bot_eve {
	width:450px;
	background:white;
	height:30px;
	border-radius:5px;
	margin:10px auto;
}
.bot_eveLeft {
	width:5px;
	height:20px;
	background:cadetblue;
	float:left;
	margin-top:5px;
	margin-left:30px;
}
.bot_eveRight {
	width:400px;
	height:30px;
	/* margin-left:30px;
	*/
	float:right;
	/* background:red;
	*/
}
.bot_eveRight input {
	width:15px;
	height:15px;
	margin-top:7px;
	float:left;
}
.bot_eveRight b {
	height:30px;
	font-size:12px;
	color:black;
	font-weight:500;
	margin-left:5px;
	line-height:30px;
}
.bot_eveRight p {
	display:inline-block;
	width:20px;
	height:20px;
	border:2px solid gray;
	border-radius:50%;
	background:transparent;
	line-height:20px;
	text-align:center;
	float:right;
	margin-right:12px;
	margin-top:3px;
}
.bot_eveRight p i {
	display:inline-block;
	width:15px;
	height:15px;
	background:gray;
	border-radius:50%;
	font-size:12px;
	color:white;
	font-weight:900;
	font-style:normal;
	margin-top:3px;
}
.bot_eve2 {
	width:450px;
	background:darkgray;
	height:30px;
	border-radius:5px;
	margin:0 auto;
}
.bot_eveLeft2 {
	width:5px;
	height:20px;
	background:cadetblue;
	float:left;
	margin-top:5px;
	margin-left:30px;
}
.bot_eveRight2 {
	width:400px;
	height:30px;
	/* margin-left:30px;
	*/
	float:right;
	/* background:red;
	*/
}
.bot_eveRight2 input {
	width:15px;
	height:15px;
	margin-top:7px;
	float:left;
}
.bot_eveRight2 b {
	height:30px;
	font-size:12px;
	color:black;
	font-weight:500;
	margin-left:5px;
	line-height:30px;
}
.bot_eveRight2 p {
	display:inline-block;
	width:20px;
	height:20px;
	border:2px solid gray;
	border-radius:50%;
	background:transparent;
	line-height:20px;
	text-align:center;
	float:right;
	margin-right:12px;
	margin-top:3px;
}
.bot_eveRight2 p i {
	display:inline-block;
	width:15px;
	height:15px;
	background:gray;
	border-radius:50%;
	font-size:12px;
	color:white;
	font-weight:900;
	font-style:normal;
	margin-top:3px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

jQuery todolist待办事项

更新时间:2019-12-12 09:26:49

用html和css和一点点jquery写的

0