首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
CSS打造的边框折角效果
时间:
2015-05-01 13:28:08
阅读:
126
评论:
0
收藏:
0
[点我收藏+]
标签:
css打造的边框折角效果
<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>
CSS打造的边框折角效果
标签:
css打造的边框折角效果
原文地址:http://blog.csdn.net/life66881/article/details/45418695
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!