Html
    Css
    Js

    
                        
li {
	list-style:none;
}
ul {
	width:600px;
	border:1px solid rgb(184,207,250);
	margin:50px auto;
	padding:25px;
	border-radius:10px;
	box-shadow:1px 3px 10px rgb(176,217,250);
}
ul>li {
	overflow:hidden;
	width:100%;
	border-bottom:1px dashed #f60;
}
li>p {
	float:left;
	width:540px;
	outline:none;
}
input[type=button] {
	float:right;
	margin-top:18px;
	outline:none;
	border:none;
	cursor:pointer;
	width:40px;
	height:24px;
	font-size:12px;
	background-color:#51cbfc;
	color:#fff;
	border-radius:5px;
}

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

点击按钮修改内容

对于初学者,代码简单,易理解!

0