原文：酷酷的CSS3三角形运用
概述 在早期的前端Web设计开发年代，完成一些页面元素时，我们必须要有专业的PS美工爸爸，由PS美工爸爸来切图，做一些圆角 阴影 锯齿或者一些小图标。 在CSS 出现后，借助一些具有魔力的CSS 属性，使得这些元素大多都可以由开发人员自己来完成。在开始阅读这篇文章前，我们先喊个口号：不想当艺术家的程序员不是好设计师 本文的Demo和源代码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在G ...
2016-06-25 14:40 12 7923 推荐指数：
相关推荐
原理 css盒模型 一个盒子包括: margin+border+padding+content– 上下左右边框交界处出呈现平滑的斜线. 利用这个特点, 通过设置不同的上下左右边框宽度或者颜色可以得到小三角, 小梯形等.– 调整宽度大小可以调节三角形形状. 示例1 一般 ...
转自https://www.cnblogs.com/huangzhilong/p/5030659.html 以前用过css3画过下拉菜单里文字后面的“下拉三角符号”，类似于下面这张图片文字后面三角符号的效果 下面是一个很简单的向上的三角形代码 1 ...
很多时候我们用到三角形这个效果： 我们可以用CSS3实现这个效果，怎去做呢？先阐述一下原理，我们定义一个空的div，设置这个div宽高为0，给这个div加上一个100px边框（这里是方便观察），得到的是一个正方形，颜色和定义边框的颜色相同，我们看到正方形其实是这个div边框 ...
<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class ...
以前用过css3画过下拉菜单里文字后面的“下拉三角符号”，类似于下面这张图片文字后面三角符号的效果 下面是一个很简单的向上的三角形代码 #triangle-up { width: 0; height: 0; border-left: 50px solid ...
用for循环打出三角形、倒三角形、金字塔、99乘法表 三角形： 打出如图三角形，分析行数与*个数的关系，用for循环 当i=0时，输出空，==> j=0，j<1 ==>输出str， i=1时，输出空，==> j=0，j< ...
看到有面试题里会有问到如何用css画出三角形 众所周知好多图形都可以拆分成三角形，所以说会了画三角形就可以画出很多有意思的形状 画出三角形的原理是调整border（边框）的四个方向的宽度，线条样式以及颜色。 如果你将宽度调的足够大，改变不同方向的颜色，你就可以发现盒模型的border ...