CSS3教程实例-三体教程

使用column-count和break-inside实现瀑布流布局

前段时间帮朋友做了一个名为笑点研究所的图片站，刚开始她说做成博客类型的，于是大概给她画了一下样式，她觉得不是很适合。她问我怎么做好看些，我说我做的不一定好看，但是可以提供一下思路，用“瀑布流”布局。朋友也看了一些其他瀑布流的网站，觉得还可以，于是就让我帮做成瀑布流的了。做出来的详细样式这里就不多讲了，就说一下遇到的问题吧。用的column-cou

2021-03-16 09:59 阅读(1515)

CSS设置select标签的disabled样式

今天在使用select标签的时候，里面有一些disabled的项。打算给disabled不同的背景色或是不同的字体色。我们一般都直接就是设置color，不过所有项都是这个色。想当然的以为单独设置disabled的颜色，就使用select:disabled没想到不起作用。试来试去原来是直接使用:disabled即可。例如:

2019-07-11 21:57 阅读(4488)

如何修改输入框placeholder文字颜色？

在网上看到说可以使用占位符属性来修改placeholder文字颜色，可是照着做并没有效果，代码如下。 input[placeholder], [placeholder], *[placeholder] { color: red !important; } input type="text" placeholder="Value" 后来又去查了一些相关资料，终于找

2018-01-23 16:23 阅读(3505)

css修改selec下拉菜单样式

修改select下拉菜单样式其实可以使用javascript来操作，这样更方便。但有些人并不喜欢，想用单纯的css来控制。以下有三种解决方案，看看哪一个合适。解决方案1 外观：无 - 与ie10-11解决方法要隐藏appearance: none选择元素上设置的默认箭头，请添加您自己的自定义箭头background-image sel

2018-01-19 15:00 阅读(4643)

CSS3阴影效果box-shadow实例讲解

使用阴影效果，小编用得最多的地方就是产品展示页面，将包含产品的div边框给其加上阴影。 css3的box-shadow和text-shadow有点类似，不过前者是对象实现图层的阴影效果，而后者是对对象的文本设置阴影。那么CSS3阴影效果究竟是怎么实现的呢？其实最主要的就是box-shadow。我们先来看看语法规则： div{box-sha

2017-10-16 22:38 阅读(2999)

css3的opacity属性用法详解

对于css3的opacity属性现在所有浏览器都支持，不过ie8之前的版本则是使用替代的filter属性。语法 opacity: value|inherit; 其中value是设置不透明度，从0.0（完全透明）到1.0（完全不透明）。 inherit表示应该从父元素继承opacity属性的值。为了使其兼容，我们最好写成这样的，如下：

2017-10-02 22:18 阅读(4240)

css3的border-radius圆角使用方法详解

css3中的border-radius属性，我们一般用到的时候，就是需要圆角的时候。 border-radius其实是一个简写的属性。主要是用于设置四个border-*-radius属性。当然四个值不是全都需要设置，你也可以只设置两个或三个。如果一个值，那么对应的top-left、top-right、bottom-right、bottom-left

2017-10-02 22:05 阅读(2755)

css3鼠标移到元素上360度旋转

今天逛网易博客，偶然发现他的评论框旁边的头像，鼠标移上去图片会旋转。觉得这是一个不错的功能，肯定有不小伙伴需要的。所以就分享相关代码出来。 style .img{transition:all 1.35s linear;-webkit-transition:all 1.35s linear;-moz-transition:all 1.35s lin

2017-09-14 10:57 阅读(2235)

CSS

服务端

HTML

JavaScript

移动端开发

数据库

XML

ASP.NET

Web Service

开发工具

网站建设

CSS3教程实例