Leo201111 2023-11-28 19:20 采纳率: 80.3%
浏览 5
已结题

有关于Css画图的问题

Css和JS如何画出一个等腰三角形？

Css和JS如何画出一个等腰三角形？

Css和JS如何画出一个等腰三角形？
（写在Html里）

  • 写回答

1条回答 默认 最新

  • 白驹_过隙 算法领域新星创作者 2023-11-28 19:31
    关注

    img

    
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* 样式用于画出三角形 */
    .triangle {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;  /* 左边透明 */
      border-right: 50px solid transparent; /* 右边透明 */
      border-bottom: 87px solid #f00;       /* 底边为实线，设置颜色为红色 */
    }
  </style>
</head>
<body>
  <div class="triangle"></div>

  <script>
    // JavaScript 代码可以用于动态改变三角形的样式
    // 例如，修改三角形的颜色
    document.querySelector('.triangle').style.borderBottomColor = '#00f'; // 设置底边颜色为蓝色
  </script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 关于css样式渲染问题 css
    2022-04-21 19:03
    回答 4 已采纳 好吧，目前这个问题是因为我使用的/deep/成了向上深度查询
  • 关于css动画的问题 css
    2022-09-27 15:25
    回答 4 已采纳 在keyframes里的to background为-1280px 这个只是显示到1280这个宽度的位置，就又重新开始了，所以，你要全部都显示，就得刚好等于背景图片的宽度
  • 关于CSS卡片布局的问题 css css3 前端
    2022-04-01 23:35
    回答 2 已采纳 宽度给百分比就可以了
  • 一款让你轻松在IDEA画图的插件！
    2021-10-10 17:10
    程序猿DD_的博客 例如流程图、类图、对象图，不画吧不好给别人展示清楚讲解清晰，画吧就TJ君这美术细胞真是一点都画得不好看且没兴趣~ 不过所幸，前不久，TJ君发现了一个IDEA插件，PlantUML，可以完美的解决这个问题，特地来和大家...
  • 问一个关于css的问题 css
    2022-02-26 13:09
    回答 2 已采纳 这是什么问题？
  • 关于css设置失效的相关问题 css html 前端
    2023-01-04 14:54
    回答 2 已采纳 1.第一个是因为你的h2标签高度设置的是41px，而行高设置的50px，行高比元素的高度都要大，肯定要往下移，如果想要居中的话要设置行高为41px2.第二个是因为你设置了padding: 20px;而
  • 有关于语句css的问题求 前端
    2021-10-26 16:32
    回答 3 已采纳 不难呀，再css里面id选择器通常再style里面通常是#，#p1{}主要修改的就是边框样式，你可以参考一下这篇文章 CSS 边框
  • HT.rar_ht_ht前台画图_画图生成ht_画笔_鼠标画图
    2022-09-21 07:53
    在IT行业中，HT常指的是HTML5（HyperText Markup Language）技术，它是一种用于创建网页的标准标记语言。在“HT.rar_ht_ht前台画图_画图生成ht_画笔_鼠标画图”这个主题中，我们可以深入探讨HTML5中的Canvas元素，这...
  • 关于前端css的设置问题 css html
    2023-01-05 10:19
    回答 2 已采纳 你如果只用css实现的话，划过的时候给个背景图不就行了
  • 关于 CSS 中 left 的问题 css html5 前端
    2022-05-28 10:38
    回答 2 已采纳 在父类a标签加position：relative
  • 一个关于#css#的问题 css 前端
    2023-03-25 21:56
    回答 2 已采纳 把f float 设置放到下边的 div 设置里
  • 用javascript实现画图效果的代码
    2020-10-30 18:57
    JavaScript 是一种广泛使用的编程语言，它被用来添加交互性到网页上。在这个例子中，我们将利用 JavaScript 来控制这些 `div` 的显示效果，比如动态改变它们的位置或颜色。 ### 二、代码分析 #### 1. HTML 结构 ``...
  • 关于CSS选择器问题，求解答 css css3 html
    2022-03-03 16:39
    回答 2 已采纳 这种写法是为了区分多个span的时候，加个.leftbtn优先级会更高一点
  • vml.rar_VML_VML editor.mht_画图板
    2022-09-23 08:43
    VML，全称为Vector Markup Language，是一种用于在网页上呈现矢量图形的标记语言。它在HTML中提供了一种方式来创建、展示和操作矢量图形，这些图形可以在任何缩放级别下保持清晰，因为它们是基于数学公式而不是像素...
  • 使用js画图之画切线
    2020-10-24 21:51
    在Web前端开发中，JavaScript是一个关键的编程语言，它使得网页内容变得动态且具有交互性。使用JavaScript进行绘图是前端开发中的一个高级话题，涉及到图形学和数学的知识。本知识点将详细介绍如何使用JavaScript...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 11月28日
  • 已采纳回答 11月28日
  • 创建了问题 11月28日

悬赏问题

  • ¥15 python怎么在已有视频文件后添加新帧
  • ¥20 虚幻UE引擎如何让多个同一个蓝图的NPC执行一样的动画,
  • ¥15 fluent里模拟降膜反应的UDF编写
  • ¥15 MYSQL 多表拼接link
  • ¥15 关于某款2.13寸墨水屏的问题
  • ¥15 obsidian的中文层级自动编号
  • ¥15 同一个网口一个电脑连接有网，另一个电脑连接没网
  • ¥15 神经网络模型一直不能上GPU
  • ¥15 pyqt怎么把滑块和输入框相互绑定，求解决！
  • ¥20 wpf datagrid单元闪烁效果失灵