一些css功能

最新推荐文章于 2024-10-14 09:20:17 发布

renbin116

最新推荐文章于 2024-10-14 09:20:17 发布

阅读量273

点赞数

文章标签： css filter border

本文链接：https://blog.csdn.net/renbin116/article/details/8094832

版权

rgba(255,255,255,0.5);前面的rgb是指颜色，这里是以十进制的形式表达，255等价于FF，后面的a代表alpha代表透明度，0.5等价于50%透明；

border:1px solid #000000;                          /*10月18号设置边框*/
    
border-radius:5px;                                 /*10月18号设置圆形框*/
    
filter: Alpha(opacity=50);                         /*10月19号设置半透明*/
  -moz-opacity:.5;                                 /*10月19号不同浏览器版本设置半透明*/
 opacity:0.5;                                      /*10月19号不同浏览器版本设置半透明*/ 


border-left-radius:5px;                            /*10月18号设置左圆形框*/
border-right-radius:5px;                           /*10月18号设置右圆形框*/
 

overflow-y:scroll;   设置竖向滚动条
overflow-x:scroll;   设置横向滚动条
overflow-y:auto;   自动设置竖向滚动条
overflow-x:auto;   自动设置横向滚动条
overflow: auto;    需要的话自动显示滚轴  


-moz-box-shadow: 4px 4px 4px #888888;      /* shen: 背景阴影 */
    box-shadow: 4px 4px 4px #888888; 

 text-indent: 3px;                              /* 设置内容与框体的距离     renbin116*/

font-size: 18px;                               /*设置字体大小   renbin116*/

label是行级元素， 加上display:block;就可以转变为块级元素，才能设置width和height属性

渐变色：在web开发中,难免会遇到浏览器之间的兼容问题，很是头痛，关于Css设置颜色渐变就是我遇到过的一个问题，下面是我解决的办法。直接上代码
   适用于谷歌浏览器：
   background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb)); 
	from:是指渐变起始颜色
	to:是指渐变结束的颜色
   适用于火狐浏览器中
   background: -moz-linear-gradient( top,#4285fa,#366dcb);
	top:是值渐变方向从上向下
	第一个颜色是指渐变起始颜色
	第二个颜色是指渐变结束的颜色
   适用于IE浏览器中
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4285fa, endColorstr=#366dcb);
	startColorstr：指渐变起始颜色
	endColorstr:指渐变结束的颜色