怎么用CSS实现一个三角形。

下面一起来看看怎么用CSS实现一个三角形

怎么用CSS实现一个三角形。

方法

首先新建一个文本文档,并双击打开。

怎么用CSS实现一个三角形。

打开后输入以下代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>用CSS绘制一个三角形</title>

<link 360新知rel="stylesheet" href="">

<style>

.div{

width: 0px;

height: 0px;

border-width: 30px;

borde超快室示兵审r-style: solid;

border-color: red transparent transparent transparent;

overflow: hidden;

font-size: 0;

line-height: 0;

}

</style>

</head>

<body>

<div class="div"></div>

</body>

</html>

怎么用CSS实现一个三角形。

输入完代码后点击左上角的文件。

怎么用CSS实现一个三角形。

在弹出的对话框中点击另存为。

怎么用CSS实现一个三角形。

在弹出的另存为窗口中选择好保存路径后先将保存类型设置为所有文件,再将文件名改为三角形.heml,名字可以随便写,但是扩展名一定要写.html,之后点击保存。

怎么用CSS实现一个三角形。

然后用浏览器打开刚才保存的html文件。

怎么用CSS实现一个三角形。

记已待伯始听这样就用CSS实现了一个三角形。

怎么用CSS实现一个三角形。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 951076433@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:https://www.xiaomafuwu.com/415682.html

(0)
代码小二的头像代码小二

相关推荐