竖版文字排列实现《金刚般若波罗蜜心经》

在网上找到一篇竖版金刚般若波罗蜜经,尝试通过CSS实现接近书籍图片原文的排版效果。 网络中找到的截图: 采用CSS模拟实现的效果截图: 实现难点: 1.竖版文字的排列; 2.等距离竖格线的实现:竖格线要在容器中上下满屏分布,恰好满足与文字的距离。 莲花图片在百度图片中找到近似图片。 <div cla ... »

纯CSS绘制三角形

三角形属于常见的几何图形,在网页设计中应用较为广泛。在网页编程中除了采用图片来实现前端展现外,纯CSS也可以实现三角形绘制。 1、基于border-width方案 基于border-width绘制三角形是“一门传统手艺”,由于该属性浏览器的支持性非常好,几乎没有兼容性问题,主流的三角形绘制方案都是采 ... »