MJ的博客

一、HTMLHomeSearchUserMailChat一、CSS@font-face {   font-family: 'icon-font';   src: url('font/flat-ui-icons-regular.ttf'), url('font/flat-ui-icons-regular.eot'),       url('font/fla

方法：ul{    overflow: auto;    width: 10em;    height: 8em;    padding: .3em .5em;    border: 1px solid silver;/*用于挡住顶部滚动提示，并使用background-attachment: local，固定在顶部*/    background: linear-

方法：/*隐藏浏览器自带复选框*/input[type="checkbox"]{    position: absolute;/*设置可见范围*/    clip: rect(0,0,0,0);}input[type="checkbox"]+label::before{    content: "\a0";    display: inline-block;

一、HTML    日历                        MONTH            year            Prev Month            Next Month                                                                日        

一、HTML      Menu          Off-canvas menu      Off-canvas menus are positioned outside of the viewport and slide in when activated. Setting up an off-canvas layout in HTML5 is super easy.

一、HTML刮一刮  请在以上的刮奖区刮奖二、CSSbody {   background:#F39C12;   text-align:center;   margin:40px;   color:#FFF;   font-family:sans-serif;}img{   width:200px;}h1{   font-

一、HTMLBUTTON二、CSSa{font-size:5em;    /*渐变背景*/background: linear-gradient(to right, #79f296, #27AE60);    /*背景裁剪区域为文字区域*/-webkit-background-clip: text;color:transparent;}

一、HTML            Success!二、CSSbody {    background:#006b9d;}#verify{    width:508px;    height:523px;    background:url(bg.png);    margin:50px auto;    position:relativ

CSSbody {    background:linear-gradient(#51B0E7 50%, #006084 50%);    background-size:100% 20px;}  CSSbody {    background:#FFF;    margin:50px;    background:linear-gradient(45d

一、HTMLMenu二、CSS/*使页面背景显示为绿色*/body {margin:50px;font-family:arial;background:#fbfbfb;}a{text-decoration:none;color:#999;/*使文字右移，为图标腾出显示空间*/text-indent:1.2em;  font-size:32px

一、HTML  Lorem ipsum  Ne maluisset sententiae qui, mucius epicuri reprimique et cum, sumo saperet laboramus et pri. An ignota incorrupte quo, ex his dicta nominavi, erat consulatu eum cu. Eum ea

一、HTMLClose Me二、CSS/*使页面背景显示为绿色*/body {   background:#2ECC71;    margin:50px;}.close{   font-size:0px;   display:block;}/*绘制上下2个白色长方形*/.close::before, .close::after{   conten

效果一： 一、HTMLLoading...二、CSS/*绿色背景*/body {   background:#4ea980;   margin:50px;}/*纯白色圈*/.loader {   text-indent: -9999em;   position: relative;   width: 200px;   height: 20

方法：#earth{    width: 800px;    height: 800px;    clear: both;    background:url("earth.png") center center no-repeat;    background-color:#ffbb33 ;    border-radius: 50%;    position: