45个纯 CSS 实现的精美边框效果【附在线演示和源码】【下篇】
使用纯 CSS 代码实现精美的边框效果。 下面展示的都是精心编写的 CSS 边框效果演示，相信您 ...
原文：45个纯 CSS 实现的精美边框效果【附源码】【上篇】
边框效果常用来给图片添加照片效果或用于增强页面内容片断的整体性，在一些团购网站和使用瀑布流布局的网站也经常会使用边框效果。在以前，简单的边框效果使用 CSS 可以轻松实现，但是用到阴影 弯曲和旋转等复杂效果的时候，我们只能使用图片来实现。如今借助 CSS 的圆角 阴影和旋转特性，我们完全可以使用纯 CSS 代码实现精美的边框效果。 下面展示的都是精心编写的 CSS 边框效果演示，相信您一定会有收 ...
2012-08-29 13:33 88 83537 推荐指数：
相关推荐
用纯css实现双边框效果
1. 2. ...
8个web前端的精美HTML5 & CSS3效果及源码下载
作为一个前沿的 Web 开发者，对于 HTML5 和 CSS3 技术或多或少都有掌握。前几年这些新技术刚萌芽的时候，开发者们已经使用它们来小试牛刀了，如今这些先进技术已经遍地开发，特别是在移动端大显身手。 1.HTML5 模拟现实物理效果 Ball Pool 是一个基于 HTML5 技术的实验 ...
CSS3实现边框锯齿效果
通过CSS3的linear-gradient实现的 ...
css3实现好看的边框效果
1、html结构 2.对应的css样式 我是在看到laixiangran的博客时看到的感觉还不错，保留下来，一边以后可以拿来直接使用。 重要用到的background-clip，box-shadow，outline属性，不了解的同学可以查看W3School查看 ...
CSS实现无外边框列表效果
方法一：使用外层容器切割 给每一个 li 设定右边框和下边框线 把ul放置在一个外层div中，设定div的宽高，通过overflow:hidden将一部分li的边框隐藏 此方法只需要计算父容器的宽高，能应付任何行与列数，推荐使用。 CSS部分： HTML部分 ...
css3 渐变边框如何实现圆角效果
常规的 border-image 属性如果直接使用 border-radius 会无效，关于如何实现渐变边框圆角，网上流传着大概这么几种办法： 渐变背景方式（仅适用于纯底色背景） 借助 after 伪类（仅适用于纯底色背景） 借助 css3 中的 mask 遮罩蒙版 加 after ...
CSS3实现多样的边框效果
半透明边框 实现效果： 实现代码： 实现要点： 设置边框为半透明，这是还看不到半透明边框，因为默认情况下，背景会延伸到边框所在的区域下层，也就是背景是被边框的外沿框裁切掉。 通过设置 background-clip: padding-box （初始值 ...