如何用CSS制作图形?

CSS除了可以修饰网页,简练代码之外,还可以用来制作我们常见的图形图像,如三角形,平行四边形,那么如何来制作这些图形呢,下面,就开始我们今天要学习的内容——CSS边框和背景属性:如下图一:

工具/材料

dw代码编辑器

操作方法

  • 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

    运行程序,可以看到三角形已经成功输出了!

  • End
  • 发表于 2017-10-17 00:00
  • 阅读 ( 800 )
  • 分类:电脑网络

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具