css 画三角形

css 画三角形1、斜边在左边三角形<style>.triangle{border-top:50pxsolidtransparent;border-bottom:50pxsolidtransparent;border-left:50pxsolid#000;…

大家好,又见面了,我是你们的朋友全栈君。

1、斜边在左边三角形

 <style> .triangle { border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid #000; width:0; height:0; } </style>
 <div class="triangle"></div>

2、斜边在上面的三角形

<style> .triangle { border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 50px solid #000; width:0; height:0; } </style>
 <div class="triangle"></div>

3、斜边在下边的三角形

 <style> .triangle { border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid #000; width:0; height:0; } </style>
 <div class="triangle"></div>

4、斜边在右边的三角形

 <style> .triangle { border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid #000; width:0; height:0; } </style>
 <div class="triangle"></div>

5、等边三角形(等边三角形的底边的高是底边的1/sqrt(2)倍)

 <style> .triangle { border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 28px solid #000; width:0; height:0; } </style>
 <div class="triangle"></div>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/148063.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 漏洞扫描工具汇总「建议收藏」

    漏洞扫描工具汇总「建议收藏」漏洞扫描器可以快速帮助我们发现漏洞,如SQL注入漏洞、CSRF、缓冲区溢出等。下面就介绍几种常用的漏洞扫描工具。Fortify代码审计工具FortifySCA(FortifyStaticCodeAnalyzer),一款软件代码安全测试工具,提供静态源码扫描能力,包含了五大引擎分析系统:语义、结构、数据流、控制流、配置流。分析的过程中与特有的软件安全漏洞规则集进行全面的匹配、查找,从而将源代码中存在的安全漏洞扫描出来,并生成报告。BurpSuiteAWVSAppScanDependen

  • keras多层感知器识别手写数字执行预测代码_感知机模型多层神经网络

    keras多层感知器识别手写数字执行预测代码_感知机模型多层神经网络2.Keras建立多层感知器模型2.1简单介绍多层感知器模型注:以下模型及其说明来自于《TensorFlow+Keras深度学习人工智能实践应用》林大贵著以矩阵方式仿真多层感知器模型的工作方式(如下图所示)建立输入与隐藏层的公式:h1=ReLu(x*w1+b1)变量名说明输入层x仿真输入神经元接收外界传送消息,如上图所示,共有784个神经元。隐藏层h1…

  • 《圣经》心得——孙继滨

    《圣经》心得——孙继滨

  • android bindservice方法,android BindService[通俗易懂]

    android bindservice方法,android BindService[通俗易懂]1、绑定服务1.1绑定方式通过服务链接(ServiceConnection)或直接获取Service中状态和数据信息服务链接能够获取Service的对象,因此绑定Service的组件可以调用Service中的实现的函数使用Service的组件通过Context.bindService()建立服务链接,通过Context.unbindService()停止服务链接如果在绑定过程中Service没有启…

  • POSIX 螺纹具体解释(1-概要)

    POSIX 螺纹具体解释(1-概要)

  • html5不用reload重置网页,refresh和reload「建议收藏」

    html5不用reload重置网页,refresh和reload「建议收藏」location.refresh和location.reload的区别在什么location.refresh:刷新页面location.reload:重载页面javascript怎么刷新页面,要refresh不要reloadlocation.reload();下面是复制的用js实现的刷新页面的代码,比较全先来看一个简单的例子:下面以三个页面分别命名为frame.html、top.htm…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号