文章分类 - CSS揭秘
摘要:条纹背景 相关内容:CSS线性渐变、background-size 在视觉设计中,各种尺寸、颜色、角度的条纹图案无处不在。如果想在网页中实现条纹图案,过程比较复杂,通常先创建一个位图文件, 每次需要做调整时都使用图像编辑软件来修改。有人试过用SVG来取代位图,但这样还是会有一个独立的文件,而且SVG
阅读全文
摘要:边框内圆角 有时需要一个容器,只在内侧有圆角,而边框或描边的四个角在外部仍然保持直角的形状,如下图所示. I have a nice subtle inner rounding, don't I look pretty? 容器外围有一道边框,但只在内侧有圆角 如何做到只用一个元素来达成同样的效果?
阅读全文
摘要:灵活的背景定位 在CSS2.1中,如果想 针对容器某个角对背景图片做偏移定位 ,如右下角,就只能指定距离左上角的偏移量,或者完全靠齐到其他三个角。但通常会在图片和容器的边角之间能留出一定的空隙(类似内边距效果),避免产生如下效果: Code Pirate 可以做到这一点,但很麻烦:可以基于它自身尺寸
阅读全文
摘要:多重边框 CSS3在草案阶段时就是否应该允许多重边框(就像多重背景)那样进行过多次讨论,当时认为该特性使用场景不够多,而且还可以使用border image来达到相同效果,然而我们通常希望在CSS代码层面以更灵活的方式来调整边框样式,因此不得不进行各种hack,比如使用多个元素来模拟多重边框。 不过
阅读全文
摘要:半透明边框 CSS中的半透明颜色,如rgba(),hsla() 尝鲜新特性时,需要做好回退,加载shim脚本,在IE下需要用到恶心的滤镜来hack 目标1: 给一个容器设置一层白色背景和一道半透明白色边框,body的背景从它的半透明边框透上来 尝试: 效果如下: 尝试半透明白色边框效果 并没有实现预
阅读全文

浙公网安备 33010602011771号