怎么用css画三角形？
怎么用css画三角形？/*书写一个箭头朝右的三角形*/
.box8{
width: 0;
height: 0;
/*transparent 透明颜色*/
border: 15px solid transparent;
border-left: 35px solid red;
}
说明:
宽高一定要设置为0,这里的目的是为了让盒子的横向和纵向不撑开,不然的话,效果看着就像是梯形了.
border这里的像素值 和 border-left这里的像素值可以是不一样的,也可以是一样的,根据三角形的形状来进行具体设置值即可
要注意 border和border-left的顺序问题,先写border再写具体的border-left,先写一个border设置全部透明的边框,然后再设置一个border-left具体的红色或者其他颜色来覆盖掉那个透明颜色.
相关推荐HOT
更多>>
算法评测标准---空间复杂度是什么？
算法评测标准---空间复杂度是什么？空间复杂度是什么？一. 空间复杂度的概念，复杂度(Space Complexity)，是对一个算法在运行过程中临时占用存...详情>>
2023-03-23 20:15:04
怎么用css画三角形？
怎么用css画三角形？border这里的像素值 和 border-left这里的像素值可以是不一样的,也可以是一样的,根据三角形的形状来进行具体设置值即可，要...详情>>
2023-03-23 15:27:16
Maven集成 tomcat插件及使用教程
在实际的项目开发中，特别是分布式项目，往往有N多个子项目需要同时启动测试。这样多个项目引用tomcat插件，配置不同的端口，就可以同时启动N个...详情>>
2023-02-23 14:44:00
扫盲CSS中常见的单位
Px是pixel的简写, 被称之为像素单位, px可以在计算机屏幕上，能达到预期的效果，在打印机和其它的高分辨率设备上，它又能取得所希望的效果, 一...详情>>
2023-02-16 13:47:00
京公网安备 11010802030320号