用CSS制作三角形,替代背景图片
网页设计,制作,在早期,一般都是用背景图片来呈现三角形,比如一个提示窗口,有一个三角形图标指示,这个图标一般就是背景图片来的。
现在我们不用背景图片,直接用CSS来生成,需要怎么做呢?
操作方法
(01)先看下html代码,代码很简单,就是几个div,我们为其中一个div加上样式名,angle, 这个div就是最终要呈现三角形的。
(02)然后添加对应的css样式,让div呈现为三角形,代码如图,把div 长,高(width, height)设置为0,分别设置左边框,右边框和上边框的样式。
(03)看下呈现的效果,可以看到,就是一个标准的三角形,
(04)为什么要用css来制作,而不是背景图片呢,因为用css来制作,可以很容易的改变三角形的大小,背景色。下面把代码稍稍改一下,
(05)可以看到,三角形变大了,
(06)这次把颜色改一下,代码上就是把border的颜色就可以了,是不是很方便?
(07)下面看一个完整的应用例子,代码,效果如图,
-
华为悦盒看电视直播
华为悦盒内置的程序中并没有看电视直播的软件,安装一个电视家即可,让小编教给你安装指南。操作方法(01)将电视与华为悦盒用数据线连接好后,打开电视机和华为悦盒的电源,等待系统启动。(02)在电脑上将下载好的电视直播程序存放到U盘上,并将U盘插入到华为悦盒上。(03)在华为...
-
百度云使用磁链接
百度云现在已经更名为百度网盘。百度网盘不仅存储功能强大,而且下载功能也很强大。今天小编就告诉大家如何用百度网盘网页版和百度网盘手机客户端下载磁力链接。百度网盘手机客户端下载磁力链接方法(01)首先打开我们的百度网盘手机客户端,点击进入右下角菜单栏的更...
-
HTML,如何制作导航栏?
在用html做一个网页时,首先需要处理的是导航栏了。怎样制作一个导航栏?以前的做法基本都是用table来做,现在我们用无序列表ul来做,下面一起来看下。操作方法(01)首先我们写html代码,就是用ul,li无序列表来放置我们的菜单项,代码如图。(02)运行目前的代码,可以看到是一个比...
-
Excel中根据身份证号求年龄性别和出生日期
在excel中怎么根据身份证号来求得年龄性别和出生日期,让小编教给你操作指南。判断性别公式:(01)首先让小编打开一个工作样表作为例子。如图所示:(02)在C26单元格中输入公式:=IF(MOD(MID(B26,17,1),2),"男","女")来判别男女。如图所示:(03)下拉填充公式至所有人员行,如图所...