随笔分类 -  HTML&CSS

超文本标记语言(HyperText Markup Language) & 层叠样式表(Cascading Style Sheets)
摘要:先上效果: HTML: <div class="tag"> <div class="tag-box"> <div class="tag-content-box"> <div class="tag-content"> <span class="tag-content-line"></span> <sp 阅读全文
posted @ 2016-05-27 11:24 SKILL·NULL 阅读(496) 评论(0) 推荐(0)
摘要:HTML: <div class="top"> <ul> <li class="finish">步骤一<span class="end"><em class="pre"></em><em class="nex"></em></span></li> <li>步骤二<span class="end">< 阅读全文
posted @ 2016-05-23 16:00 SKILL·NULL 阅读(347) 评论(0) 推荐(0)
摘要:animatron 阅读全文
posted @ 2016-05-20 17:47 SKILL·NULL 阅读(650) 评论(0) 推荐(0)
摘要:很简单,只需在<body>中添加如下代码: <body oncontextmenu='return false' ondragstart='return false' onselectstart='return false' onselect='document.selection.empty()' 阅读全文
posted @ 2016-05-17 13:28 SKILL·NULL 阅读(386) 评论(0) 推荐(0)
摘要:HTML: <div class="col-md-3"> <nav class="navbar"> <div class="container-fluid"> <div class="navbar-header common-border-bottom common-border-right com 阅读全文
posted @ 2016-05-16 14:32 SKILL·NULL 阅读(2934) 评论(0) 推荐(0)
摘要:CSS: .column-title { color: #9b9b9b; text-shadow: 1px 1px #d4d4d4;}.column-title:hover { color: #5a5a5a; text-shadow: none;}@media all and (-webkit-mi 阅读全文
posted @ 2016-04-28 11:42 SKILL·NULL 阅读(415) 评论(0) 推荐(1)
摘要:注意:background属性中的背景图片和颜色混合,只能在一个background属性中。属性值:background-blend-mode: normal; //正常 background-blend-mode: multiply; //正片叠底 background-blend-mode: s 阅读全文
posted @ 2016-03-25 12:28 SKILL·NULL 阅读(625) 评论(0) 推荐(0)
摘要:/*背景渐变*/.linear{ width:100%; height:600px; background-color:#fff;/*若浏览器不支持渐变,则显示这个背景色*/ background: -ms-linear-gradient(left,#dbecf6 0%,#C0D9ED 100%); 阅读全文
posted @ 2015-10-30 16:54 SKILL·NULL 阅读(216) 评论(0) 推荐(0)
摘要:无需背景图片就可以实现导航栏分割线,颜色自定,线段虚实自定。 .nav1{ width:auto; height:50px; text-align:center; margin:13px auto 0; } .nav1 a{ display: inline-block; text-decoratio 阅读全文
posted @ 2015-10-07 14:47 SKILL·NULL 阅读(1783) 评论(2) 推荐(0)