CSS打造的边框折角效果
来源:互联网 发布:mac 配置ant 编辑:程序博客网 时间:2024/04/20 00:10
<html>
<head>
<title>CSS打造的边框折角效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
font-size:12px
}
.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
-->
</style>
</head>
<body>
<div class="curlycontainer">
<div class="innerdiv">很漂亮的CSS边框折角效果,用到了一个右下角折角图片,就是用CSS去定义边框某个角的背景图片,给你的网页增添一
点个性功能,不错吧?其实你可以试下边框都使用折角,这样就对称了,更好看。。。。。。
</div>
</div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
<head>
<title>CSS打造的边框折角效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
font-size:12px
}
.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}
-->
</style>
</head>
<body>
<div class="curlycontainer">
<div class="innerdiv">很漂亮的CSS边框折角效果,用到了一个右下角折角图片,就是用CSS去定义边框某个角的背景图片,给你的网页增添一
点个性功能,不错吧?其实你可以试下边框都使用折角,这样就对称了,更好看。。。。。。
</div>
</div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</html>
1 1
- CSS打造的边框折角效果
- 纯CSS打造边框亮点移动效果
- css 打造圆角边框
- CSS图片边框效果的方法
- div边框加阴影效果的css
- CSS设置边框圆角效果
- 边框效果html+css
- CSS 边框 阴影 效果
- CSS-边框效果
- CSS 边框 阴影 效果
- CSS学习(六)-css圆角边框高级效果、边框阴影效果(上)
- css 制造图片边框效果
- CSS实现鼠标悬停图片时的边框变色效果
- css实现边框阴影效果的方法(含兼容)
- 简单的css效果原理(一)之边框变色
- 【ps教程】ps边框-轻纱-折角效果的制作
- 边框圆角效果的原理
- GridView的边框效果
- Ruby中對一元操作符重載實例
- mysql delete error
- 反编译APP嵌入广告赚钱经验分享
- Ruby簡明教程之方法(Method)介紹
- Ruby中的迭代器詳解
- CSS打造的边框折角效果
- 数组与指针
- 经典算法之Isomorphic Strings
- socket中send函数和recv函数的理解
- 淺談Rails 4 中Strong Parameters機制
- 巧克力爱好者匿名用例图 小组成员:张猛 李轩 张雨 谷雨 韩蕊
- 常见面试之机器学习算法思想简单梳理(进阶版)
- 邮票分你一半
- 第六届蓝桥杯java试题-九数组分数