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 【如何用CSS制作图形?】运行程序 , 可以看到三角形已经成功输出了!
文章插图
以上内容就是如何用CSS制作图形?的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 如何制作字体的电子色块效果
- Abaqus如何建立一种材料性质?
- 如何制作焊接效果图片
- 秋季感冒后如何饮食调理?吃什么恢复得快?
- 如何申领支付宝挪车码 挪车静电贴
- 微博如何更换头像
- 华为荣耀手机如何设置定时开关机
- 网易云音乐如何开启登录保护
- 猫咪在主人身上撒尿该怎么办?
- 百岁香、千里香什么茶,品质特征如何,区别有哪些?