CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。 我们还可以使用 CSS 伪元素中的 ::before 和 ::after,这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTML 元素在 CSS 中创建许多形状。
1.正方形2.长方形3.圆形4.椭圆形5.上三角6.下三角7.左三角8.右三角9.左上角10.右上角11.左下角12.右下角13.箭头14.梯形15.平行四边形16.星星 (6角)17.星星 (5角)18.五边形19.六边形20.八边形21.爱心22.无穷大23.菱形24.钻石25.钻戒26.钻石227.蛋蛋28.吃豆人29.对话泡泡30. 12点 爆发31. 8点 爆发32.太极33.徽章丝带34.太空入侵者(电脑游戏名)35.电视36.雪佛龙37.放大镜38.Facebook图标39.月亮40.旗41.圆锥42.十字架43.根基44.指示器45.锁 |
|