鹏仔先生 - 博客园

2019年3月8日

摘要：个人博客 http://www.sharedblog.cn/?post=68 CSS代码 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form, 阅读全文

posted @ 2019-03-08 10:27 鹏仔先生阅读(21) 评论(0) 推荐(0)

利用css简单实现一个跑马灯效果

摘要：详情 www.sharedblog.cn/?post=67 CSS代码 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,spa 阅读全文

posted @ 2019-03-08 10:22 鹏仔先生阅读(9) 评论(0) 推荐(0)

利用css简单实现一个立方体效果（结构性伪类选择器实现）

摘要：详情 www.sharedblog.cn/?post=66 CSS代码 <style type="text/css"> div,body,input,textarea,a,select,h1,h2,h3,h4,h5,h6,span,p,ul,ol,li,dl,dd,dt,form,table,spa 阅读全文

posted @ 2019-03-08 10:20 鹏仔先生阅读(5) 评论(0) 推荐(0)

2019年2月1日

css锚点链接简单实现点击更换内容的方法

摘要：原文 http://www.sharedblog.cn/?post=65 CSS代码 <style type="text/css"> *{ margin: 0; padding: 0; } .box{ width: 360px; height: 140px; border: 10px solid # 阅读全文

posted @ 2019-02-01 12:07 鹏仔先生阅读(9) 评论(0) 推荐(0)

用css实现一个点击展开内容的小效果（css三角形点击切换倒三角）

摘要： CSS代码 <style type="text/css"> .box{ width: 280px; background: pink; margin: 30px; border: 2px solid black; } a{ text-decoration: none; display: block; 阅读全文

posted @ 2019-02-01 12:06 鹏仔先生阅读(22) 评论(0) 推荐(0)

box-sizing常用属性有哪些？含义是什么？

摘要： box-sizing常用属性有哪些？含义是什么？含义: box-sizing 是用来设置盒模型的尺寸属性: box-sizing: border-box; 总宽高不包含padding和border box-sizing: content; 总宽高包含padding和border 原文 http: 阅读全文

posted @ 2019-02-01 12:04 鹏仔先生阅读(12) 评论(0) 推荐(0)

如何使用border属性实现一个三角形样式?

摘要：如何使用border属性实现一个三角形样式? 解决方案：元素{ width: 0px; height: 0px; border: 10px solid transparent; /*注:要显示那个方向的三角，就给这个方向设置颜色即可*/ border-top-color: red; } 原文 ht 阅读全文

posted @ 2019-02-01 12:03 鹏仔先生阅读(6) 评论(0) 推荐(0)

运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法？

摘要：转自鹏仔先生个人博客百度搜索：鹏仔先生网址 www.sharedblog.cn/?post=41 运用css3变形实现不定宽高元素在父元素或屏幕窗口水平垂直都居中的方法？一、在屏幕窗口水平垂直都居中，方法如下：元素{ position: fixed; left: 50%; top: 50% 阅读全文

posted @ 2019-02-01 12:01 鹏仔先生阅读(6) 评论(0) 推荐(0)

2018年11月14日

opacity 和 rgba 的区别

摘要：详情 http://www.sharedblog.cn/?post=31 opacity 和 rgba 的区别：给元素设置 opacity 属性，容器中所有的文字和图片都会跟随透明；给元素设置 rgba ，只是背景具有一定的透明度，不回影响到容器中的文本和图片。 .div { backgroun 阅读全文

posted @ 2018-11-14 11:17 鹏仔先生阅读(8) 评论(0) 推荐(0)

transition 和 animation的区别

摘要：详情 http://www.sharedblog.cn/?post=30 transition 和 animation的区别： 1. transition 需要触发条件，不能在页面加载时自动发生 2. transition 默认只能执行一次，再次执行需要再次触发 3. transition 只有开始阅读全文

posted @ 2018-11-14 11:16 鹏仔先生阅读(6) 评论(0) 推荐(0)

鹏仔工作室

公告