gpt4 book ai didi

html - 尝试使用 HTML 和 CSS 绘制三 Angular 形时出现空白屏幕

转载 作者:太空宇宙 更新时间:2023-11-04 06:16:19 25 4
gpt4 key购买 nike

我正在尝试用 HTML 和 CSS 绘制一个三 Angular 形。但是我无法成功地做到这一点。

我查找了在 CSS 中绘制三 Angular 形的最常见解决方案。

这是 HTML 代码:

<html>
<head>
<link rel="stylesheet" href="tiangle.css" type="text/css">
</head>
<body>
<div id = 'triangle-up'></div>
</body>
</html>

这是 CSS 代码:

#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

代码应该绘制一个红色的朝上的三 Angular 形,但它显示一个空白的白页。请帮忙。

最佳答案

是否有可能您的 CSS 链接到拼写错误的 tiangle.css 但您的实际文件名拼写正确 (triangle.css)?

关于html - 尝试使用 HTML 和 CSS 绘制三 Angular 形时出现空白屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55927630/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com