[置顶] 新浪微博：以css实现的小三角提示框
摘要： 分析新浪微博就会发现一个有趣的带小三角提示框。先来看下效果图：仔细查看代码才发现，并不是使用传统做法以图片的background属性实现，而是以两个"◆"菱形字符实现，这个菱形支持编码有GBK，gb312，UTF-8等，也可通过转义字符&#9670输入。实现的原理是：em标签里得◆菱形符号作为外三角边框，而<span>标签里的◆菱形符号正好填充em，当两个菱形符号重叠时，只需调整span里的菱形往下移动1px，那么就能呈现1px的向上三角边框。由于新浪微博的特性，代码并不容易提取。按照它的思路，我只好自己写一次。下面是html，为了统一把em标签换成sp 阅读全文
posted @ 2012-05-17 23:53 kuyt18 阅读(617) 评论(0) 推荐(0)
2012年5月17日
开博寄语
摘要： 去年10月份新换了工作，一下子觉得业余时间多了起来，趁着还年轻，总觉得要学点什么来充实自己。后经朋友推荐最终还是选择了网页制作。因为html对于没有编程基础的人而言入门相对简单一些。自己对互联网技术比较感兴趣，通过学习web技术去感受前端设计体验，在这里记录一些在学习过程中的碎片与笔记。争取让生活变得更有意义。不求追求多么前端的技术，只求每天有收获。 阅读全文
posted @ 2012-05-17 13:27 kuyt18 阅读(127) 评论(0) 推荐(0)