2019年02月_鹏仔工作室

12月 09月 03月 02月

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

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

2019-02-01 12:07:38 2683

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

原文http://www.sharedblog.cn/?post=64CSS代码<style type="text/css"> .box{ width: 280px; background: pink; margin: 30px; border: 2px solid black; } a{ text-decoration: none;...

2019-02-01 12:06:21 6834 1

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

box-sizing常用属性有哪些？含义是什么？含义: box-sizing 是用来设置盒模型的尺寸属性:box-sizing: border-box;总宽高不包含padding和borderbox-sizing: content;总宽高包含padding和border原文 http://www.sharedblog.cn/?post=43...

2019-02-01 12:04:03 6287

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

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

2019-02-01 12:03:14 525

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

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

2019-02-01 12:01:36 468