注册    登录
看啥推荐读物
专栏名称: SegmentFault思否
SegmentFault （www.sf.gg）开发者社区，是中国年轻开发者喜爱的极客社区，我们为开发者提供最纯粹的技术交流和分享平台。
我也要提交微信公众号
今天看啥
微信公众号rss订阅, 微信rss, 稳定的RSS源
目录
今天看啥  ›  专栏  ›  SegmentFault思否

45个值得收藏的 CSS 形状

SegmentFault思否  · 公众号  · 程序员  · 2019-04-22 13:38
本文原载于SegmentFault专栏“终身学习者”翻译：前端小智整理编辑：SegmentFaultCSS能够生成各种形状。正方形和矩形很容易，因为它们是 web 的自然形状。添加宽度和高度，就得到了所需的精确大小的矩形。添加边框半径，你就可以把这个形状变成圆形，足够多的边框半径，你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的::before 和::after，这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧，我们可以只用一个 HTML 元素在 CSS 中创建许多形状。虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。1.正方形#squar ………………………………

原文地址：访问原文地址
快照地址： 访问文章快照
推荐文章
CTO肉饼  ·  美国阻止中国的AI产业，我们该怎么办？
2 天前
程序员小灰  ·  领导想提拔你，从来都不是看努力
6 天前
程序员小灰  ·  小灰，你为什么不洗头？
5 天前
CTO肉饼  ·  【AIFun会客厅20240511】线上交流互动，欢迎参加！
5 天前
51CTO官微  ·  鸿蒙生态峰会六月盛启，干货满满引领未来
6 天前
畅享唯美时光  ·  短短十言，就把人生说透了！
9 月前
希森美康  ·  第二十二届全国植物基因组学大会开始啦！
9 月前
二孩妈妈进化论  ·  好米团！崇明岛大米，金奖大米粒粒分明，当季新米18.9元秒五斤！
1 年前
RET睿意德  ·  激发一个城市的商业活力，最关键的“抓手”是什么？
1 年前
硬派健身  ·  趣图 | 我感受到了你的热情
6 年前
关于   移动版   ·   Py中国   ·   RSS之家   ·   codingpro   ·   Code   ·   link之家   ·   卧龙AI搜索   ·   藏经阁   ·   小百科
今天看啥 - 微信公众号rss订阅, 微信rss, 稳定的RSS源
© 2024 ~ 沪ICP备11025650号