随笔分类 -  CSS

1 2 下一页
纯CSS绘制形状（三角形、菱形、球体，长方体等等
摘要：在前段时间看到有的面试题说让说一下梯形，当时自己懵了，所以把各种各样的常见的形状的CSS实现总结一下，基本形状实现之后就可以利用这些基本形状进行组合，就可以实现复杂的形状： 1、三角形 .triangle{ width: 0; height: 0; border: 50px solid blue; 阅读全文
posted @ 2020-12-04 15:47 效率的九尾
单选和多选自定义样式
摘要：使用vue语言 这是多选 <div class="div-checked"> <label v-for="it in AreaData" :key="it.id"> <input type="checkbox" @change="choseYW" name="pageIdList" value="被 阅读全文
posted @ 2020-06-03 11:00 效率的九尾 阅读(443) 评论(0) 推荐(0)
CSS自定义默认样式
摘要：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文
posted @ 2019-12-10 11:51 效率的九尾 阅读(225) 评论(0) 推荐(0)
盒子模型内、外阴影
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> /*内部阴影*/ #mdiv { width: 100px; height: 100px; border: 1px solid red; -moz 阅读全文
posted @ 2019-12-06 15:08 效率的九尾 阅读(260) 评论(0) 推荐(0)
带圆点的图案 和 方格图案
摘要： 阅读全文
posted @ 2019-12-06 15:07 效率的九尾 阅读(230) 评论(0) 推荐(0)
CSS3 斑马条纹.html
摘要：hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> tbody tr 阅读全文
posted @ 2019-12-06 15:01 效率的九尾 阅读(376) 评论(0) 推荐(0)
画一个小猪佩奇
摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> < 阅读全文
posted @ 2019-12-06 14:58 效率的九尾 阅读(119) 评论(0) 推荐(0)
文本分列
摘要：大概会让他睡一会如图一人同意后土黄金台瑞风突然发红包 大概会让他睡一会如图一人同意后土黄金台瑞风突然发红包 大概会让他睡一会如图一人同意后土黄金台瑞风突然发红包大概会让他睡一会如图一人同意后土黄金台瑞风突然发红包 大概会让他睡一会如图一人同意后土黄金台瑞风突然发红包大概会让他睡一会如图一人同意后土黄 阅读全文
posted @ 2019-12-06 14:34 效率的九尾 阅读(259) 评论(0) 推荐(0)
文章块引用模版
摘要：所有主流浏览器都支持 blockquote 标签。在 HTML 4.01 中，blockquote 标签定义一段长引用。 在 HTML5 中， 标签定义摘自另一个源的块引用。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></ 阅读全文
posted @ 2019-12-06 14:33 效率的九尾 阅读(366) 评论(0) 推荐(0)
悬停工具提示
摘要：非会员让他辅助 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> a { border-bottom:1px solid #bbb; color:#666; display:inline-bloc 阅读全文
posted @ 2019-12-06 14:32 效率的九尾 阅读(152) 评论(0) 推荐(0)
各个知识点
摘要：1、清除浮动 .clearfix:after {content: ".";clear: both;display: block;height: 0;overflow: hidden;visibility: hidden;} .clearfix{clear:both;z-index:1;} 2、更新的 阅读全文
posted @ 2019-12-06 14:32 效率的九尾 阅读(171) 评论(0) 推荐(0)
Github Fork 缎带.html
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .ribbon { background-color: #a00; overflow: hidden; /* top left corner */ 阅读全文
posted @ 2019-12-06 14:31 效率的九尾 阅读(320) 评论(0) 推荐(0)
css重置样式
摘要：<style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, df 阅读全文
posted @ 2019-12-06 14:31 效率的九尾 阅读(309) 评论(0) 推荐(0)
暗灰色的圆形按钮.html
摘要：宝宝 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .graybtn { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box- 阅读全文
posted @ 2019-12-06 14:30 效率的九尾 阅读(370) 评论(0) 推荐(0)
纯CSS背景噪声.html
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUg 阅读全文
posted @ 2019-12-06 14:29 效率的九尾 阅读(324) 评论(0) 推荐(0)
打对勾（单选，多选）
摘要：Check Sample <!DOCTYPE> <html> <head> <title>Check Sample</title> <style> .check-style-equal-width { width: 8px; height: 16px; border-color: #009933; 阅读全文
posted @ 2019-12-06 14:28 效率的九尾 阅读(566) 评论(0) 推荐(0)
段落首字样式
摘要：过几天就已经通风机房银行业他人非处方药有机会的话费干活 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> p:first-letter{ display: block; margin: 5px 0 阅读全文
posted @ 2019-12-06 14:27 效率的九尾 阅读(154) 评论(0) 推荐(0)
个性的圆角.html
摘要： 阅读全文
posted @ 2019-12-06 14:26 效率的九尾 阅读(157) 评论(0) 推荐(0)
饶有特色的 CSS3 展示横条.html
摘要： 阅读全文
posted @ 2019-12-06 14:25 效率的九尾 阅读(430) 评论(0) 推荐(0)
自动列表排序.html
摘要：法规及传法规及干活他人符合 法规及传法规及干活他人符合 法规及传法规及干活他人符合 法规及传法规及干活他人符合 法规及传法规及干活他人符合 法规及传法规及干活他人符合 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></titl 阅读全文
posted @ 2019-12-06 14:25 效率的九尾 阅读(874) 评论(0) 推荐(0)

1 2 下一页