纯css可以做出简单的三角形，这个在实战中有时还是很有用的，毕竟用图片会减慢速度
原理：当border很粗时，两条交叉边会形成一条斜线
如：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.abc{ border-top:80px solid #F00;border-left:80px solid #00F}
</style>
</head>
<body>
<div class="abc"></div>
</body>
</html> |
好了，明白了这一点后我们就可以开始做三角形了，原理是将层的三条边的boder定义成相同的背景色，三角的屁股所在边定义成前景色
1
2
3
4
| .abc{ border-top:80px solid #FFF;border-left:80px solid #F00;
border-bottom:80px solid #FFF;border-right:80px solid #FFF}
或者简写成
.abc{ border:80px solid #FFF;border-left:80px solid #F00;} |
好了，先写到这儿吧，明天我将继续讲一些高级应用，用斜边打造更多漂亮东东
博客一开始是自己写的小程序，但自己写程序实在太麻烦了，不想写，于是转成了bo-blog，用了几周，感觉还是不太理想，就又转换成了wordpress，这个博客程序也不是什么省油的灯，用起来也不是很方便，不过代码写得很漂亮，扩展接口写得很好，执行效率也不错。这篇文章是自己抄来的，收集了一些不错的插件，在这里一个是给自己备份，再一个也和大家一起分享
SEO类插件：
All in One SEO Pack，这个插件可以对标题、关键词、Meta标签，等Wordpress的各个方面实现全方位的优化。作者还写了详细的教程， 中文用户可以看All in One SEO Pack 中文版。
Google XML Sitemaps，Google给网站管理者提供了一个方便索引的方法，就是提供Sitemap，以便它更全面地抓取到你网站的内容。这个插件可以帮你轻松制作这样一个SiteMap。另外，我还推荐你看一下这篇文章：利用 xHtml Sitemap SEO。 阅读全文…
什么是css框架? 实际上还是让我们从框架说起吧.
框架就是一个你可以用于你的网站项目的基本的概念上的结构体.
css框架通常只是一些css文件的集合，这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如：
- typography.css 基本排版规则
- grid.css 基于网格的布局
- layout.css 通常的布局
- form.css for 表单样式
- general.css 更多通用规则
下面一起来了解一下各种不同的CSS框架吧: 阅读全文…
看着腾讯网长大，从十年前到现在，现在QQ.com也是我认为门户里做得最好的了。看了一下今天的话题《蚁族之痛：春节恐归症》，感觉说得很对，说出了我们这代人的心声。
以前听大人们讲年关的来头：说是农民最怕的就是过年，因为无法交租，每到年尾都是最难捱的时候，因此过年就像过关，年关也就由此而来。现如今，地主恶霸没有了，但是我却依然不敢回家，变成了一个“恐归族”，细细咀嚼其中的滋味，发现之所以会“过年如过关”，原因就是自己变成了自己的地主，因为身上背着太多的期待和人情债无法偿还。 阅读全文…
博客空间是朋友给我的，是米国的空间，我只知道ftp和mysql的帐号，甚至连哪个IDC都不知道。宕机的这两天，除了等什么都没办法，郁闷啊
