如何用CSS制作图形?
CSS除了可以修饰网页,简练代码之外,还可以用来制作我们常见的图形图像,如三角形,平行四边形,那么如何来制作这些图形呢,下面,就开始我们今天要学习的内容——CSS边框和背景属性:如下图一:
操作方法
- 01
例:制作一个三角形。首先在<body>里面添加一个<div>标签。
- 02
在头部<head>里输入CSS内部样式
- 03
为<div>标签设置宽度(width)和高度(height)
- 04
设置边框的宽度( border-width为20px)
- 05
设置边框的样式为实线(border-style:soild)
- 06
设置边框的颜色( border-color:red transparent transparent)
- 07
运行程序,可以看到三角形已经成功输出了!
赞 (0)