css、css3
关注
分享
扫一扫
文章平均质量分 59
男孩子小杨
一名前端小白，对web网站运营和开发有浓烈兴趣。
展开
-
css特殊图形--空缺圆、css伪类实现特殊图形
css特殊图形–空缺圆1.Demo展示：2 . Html布局： <div></div> 3. css样式表： *{ padding:0; margin:0; } div:before{ content:""; width:20px; height:20原创 2019-02-20 17:29:39 · 1209 阅读 · 0 评论 -
css三角形、css伪类实现尖角(before、after)
css三角形、css伪类实现尖角(before、after)注：这是对tab选项卡切换效果的一个总结；1.Demo展示：2 . Html布局： <div></div> 3. css样式表： *{ padding:0; margin:0; } div:before{ content原创 2019-02-20 17:07:02 · 7389 阅读 · 0 评论 -
纯css实现中、英文菜单栏内容变换
超级简单的css实现菜单栏内容切换1.实现思路 ( 超级简单 )：通过改变margin值即可a:hover{ background-color:purple; color:#FFF; margin-top:-30px;}2.查看Demo效果:整体效果：hover后：3.Html代码如下: <div> &amp原创 2019-02-13 16:00:58 · 1512 阅读 · 1 评论 -
css-常见的文档（文章、新闻等）底部页码导航
**几行代码解决常见的文档（文章、新闻等）底部页码导航**1.Demo展示：2 . Html布局：<div class="page"> <a href="#">首页</a> &am原创 2019-02-08 20:40:51 · 1181 阅读 · 0 评论 -
css导航栏、css菜单栏(侧边栏)的小技巧，夺人眼球，超级简单；
**css侧边、导航菜单栏设计小技巧**1.为了制作更美观、简洁的菜单栏，主要用到的知识点有：border-radius : 0 0 1px #999; < 设置菜单栏的圆角边框 >overflow : hidden ; < 对设置圆角边框溢出的部分进行隐藏 >background : &原创 2020-03-04 15:08:00 · 4376 阅读 · 0 评论 -
以下是对与css(css3)中常用的background有关样式所做的汇总
如何设置一个声明的背景属性注：本人只是一名前端小白，写博客只是为了提升自己，同时也可以方便他人，代码改变世界，但一个人是不行的，不喜勿喷，共勉。如何设置一个声明所有的背景属性(如果不设置其中的某个值，也不会出问题。比如:background:#ff0000 url(‘smiley.gif’); 也是允许的。)用法:(详细用法请往下看)tagName / classN...原创 2019-02-08 11:43:33 · 196 阅读 · 0 评论 -
css3兼容各版本浏览器前缀—— -webkit-、 -moz-、 -ms-、 -o-
css3兼容各版本浏览器前缀前缀 浏览器-webkit- ：chrome(谷歌)、safari(游猎)-moz- ： firefox(火狐)-ms- ：IE-o- : opera原创 2020-03-04 15:06:50 · 3402 阅读 · 0 评论 -
CSS3d——立体几何效果（正方体）实现
CSS3d——立体几何效果（正方体）实现1.效果图：2.全局代码：代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <...原创 2019-06-22 23:36:44 · 1655 阅读 · 0 评论