Html
    Css
    Js

    
                        
body {
	width:100vw;
	font-family:'Source Sans Pro',sans-serif;
	background:linear-gradient(to bottom,#3c9c8d 0%,#1e5799 100%);
	color:white;
}
h1 {
	font-family:'Luckiest Guy',cursive;
	font-weight:normal;
	text-align:center;
	font-size:26px;
}
ul {
	counter-reset:li;
}
a {
	color:white;
}
li {
	margin-top:3em;
	counter-increment:li;
	list-style:none;
}
li > code,li:before {
	font-family:monospace;
	font-size:18px;
	font-weight:bold;
}
code {
	font-weight:bold;
}
li:before {
	content:"my tip #" counter(li) " ";
}
p {
	margin:0;
	padding:0.8em;
}

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

背景颜色随文字滚动变化

0