用CSS制作三角形,替代背景图片
网页设计,制作,在早期,一般都是用背景图片来呈现三角形,比如一个提示窗口,有一个三角形图标指示,这个图标一般就是背景图片来的。
现在我们不用背景图片,直接用CSS来生成,需要怎么做呢?
操作方法
(01)先看下html代码,代码很简单,就是几个div,我们为其中一个div加上样式名,angle, 这个div就是最终要呈现三角形的。
(02)然后添加对应的css样式,让div呈现为三角形,代码如图,把div 长,高(width, height)设置为0,分别设置左边框,右边框和上边框的样式。
(03)看下呈现的效果,可以看到,就是一个标准的三角形,
(04)为什么要用css来制作,而不是背景图片呢,因为用css来制作,可以很容易的改变三角形的大小,背景色。下面把代码稍稍改一下,
(05)可以看到,三角形变大了,
(06)这次把颜色改一下,代码上就是把border的颜色就可以了,是不是很方便?
(07)下面看一个完整的应用例子,代码,效果如图,
-
斐讯(phicomm)无线路由器怎么设置
无线路由器的种类有很多,WiFi对人类生活越来越重要,每种无线路由器的设置不同,小编在这里给大家介绍一下斐讯(phicomm)无线路由器怎么设置。操作方法(01)将插在电脑上的网线拔掉,用额外准备的网线一头连接电脑一头连接路由器数字口,下面的“LAN口”都可以,把刚刚从电脑...
-
Excel中根据身份证号求年龄性别和出生日期
在excel中怎么根据身份证号来求得年龄性别和出生日期,让小编教给你操作指南。判断性别公式:(01)首先让小编打开一个工作样表作为例子。如图所示:(02)在C26单元格中输入公式:=IF(MOD(MID(B26,17,1),2),"男","女")来判别男女。如图所示:(03)下拉填充公式至所有人员行,如图所...
-
苹果电脑怎么切换windows系统
相信很多使用苹果电脑的用户都安装了MacOSX与Windows双系统,虽然MacOSX系统非常好用,但有时候某些特定软件需要Windows系统来运行,现在就来教教大家苹果电脑怎么切换windows系统。操作方法(01)开机选择默认启动系统。①开机后按住【Option】直到出现系统选择界面时...
-
MySql如何对字符串模糊查询?
mysql在网站开发中,越来越多人使用了,因为方便部署,方便使用。我们在平时使用中,会对表的某个字段进行模糊查询,比如我要查询学生表里,姓王的学生有哪些,就需要模糊查询。下面一起看下。操作方法(01)首先,看下我们数据库学生表的数据,(02)如果要查询所有姓王的学生,这个sql怎...