![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
孙玲倩
这个作者很懒,什么都没留下…
展开
-
css背景图像问题(background-size)
在网页制作过程中,我们经常会给网页设置背景图片以达到比较美观的效果。我们都知道,背景图片的设置是:background:url(img_flwr.gif);实现的,但是怎样设置背景图片的大小使之符合我们的要求呢?这就用到了我们今天要介绍的background-size属性。原创 2017-06-12 08:38:57 · 1233 阅读 · 0 评论 -
利用css的border样式制作图形
在今天之前,我对css的border属性的认知,只停留在border:5px solid red;但是今天发现border并不是一条直线或者矩形。所以跟大家分享下原创 2017-07-07 09:59:40 · 522 阅读 · 0 评论 -
利用css清除浮动的方法
在网页搭建过程中,浮动是布局中必不可少的。但是当子元素浮动后,其父级元素就会出现高度不够的情况。这时候,我们需要去清除浮动。下面,我就总结了一些清除浮动的方法。 1、添加一个空的div,给这个空的div设置css属性即:clear:both。这样的方法浏览器兼容比较好,而且比较简单。但是这样做页面中就会出现很多空的div。 2、在包含浮动元素的父元素上增加类。然后在公共样式的css文件中给此类设原创 2017-07-07 10:30:47 · 270 阅读 · 0 评论 -
css3 线性渐变和径向渐变
在网页中,经常会用的背景渐变的效果。以前都是用背景图片去实现。但是css3很好的实现了这一效果。 渐变分为线性渐变和径向渐变两种。线性渐变又分为从上到下渐变,从左到右渐变,对角线渐变。 1、从上到下线性渐变 background: linear-gradient(red, blue); 实现效果: 需要注意的是ie9及以前的版本不支持渐变。在这里。我们为了兼容其他的浏览器,需要这样写:ba原创 2017-07-07 13:04:55 · 518 阅读 · 0 评论 -
css3字体流光渐变效果
<!DOCTYPE html><html><head> <title>字体</title> <meta charset="utf-8"> <style> .text{ width: 300px; height: 200px; background-image: -webkit-line原创 2017-07-07 17:37:10 · 3077 阅读 · 0 评论 -
去除div的滚动条但是依然可以滚动的方法
1、针对谷歌浏览器,css支持#tabl::-webkit-scrollbar {display: none};但是这在火狐浏览器内根本不起任何作用,百度了很多复杂的方法,终于在一个大佬的博客里发现了一个很棒,又简单又实用的方法,在这里整理一下,以便帮助到更多的人。2、在原有的 div外部套一层div,样式内写overflow:hidden; 使这个外部的div宽度小于内部出滚动条的div原创 2018-01-11 14:59:44 · 8890 阅读 · 3 评论