如何用CSS制作图形?

CSS除了可以修饰网页 , 简练代码之外 , 还可以用来制作我们常见的图形图像 , 如三角形 , 平行四边形 , 那么如何来制作这些图形呢 , 下面 , 就开始我们今天要学习的内容——CSS边框和背景属性:如下图一:工具/材料 dw代码编辑器
操作方法 01 例:制作一个三角形 。 首先在<body>里面添加一个<div>标签 。

如何用CSS制作图形?

文章插图

02 在头部<head>里输入CSS内部样式

如何用CSS制作图形?

文章插图

03 为<div>标签设置宽度(width)和高度(height)

如何用CSS制作图形?

文章插图

04 设置边框的宽度( border-width为20px)

如何用CSS制作图形?

文章插图

05 设置边框的样式为实线(border-style:soild)

如何用CSS制作图形?

文章插图

06 设置边框的颜色( border-color:red transparent transparent)

如何用CSS制作图形?

文章插图

07 【如何用CSS制作图形?】运行程序 , 可以看到三角形已经成功输出了!

如何用CSS制作图形?

文章插图



以上内容就是如何用CSS制作图形?的内容啦 , 希望对你有所帮助哦!

    推荐阅读