问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

HTMLcss 蓝色实心三角形,红色边框空心矩形,绿色实心圆

发布网友 发布时间:2022-04-06 11:48

我来回答

1个回答

热心网友 时间:2022-04-06 13:17

5、上三角

最终效果:

CSS代码如下:

复制代码
代码如下:

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

6、下三角

最终效果:
CSS代码如下:

复制代码
代码如下:

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

7、左三角

最终效果:
CSS代码如下:

复制代码
代码如下:

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

8、右三角

最终效果:
CSS代码如下:

复制代码
代码如下:

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

9、左上三角

最终效果:
CSS代码如下:

复制代码
代码如下:

#triangle-topleft {
width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;
}

10、右上三角

最终效果:
CSS代码如下:

复制代码
代码如下:

#triangle-topright {
width: 0;
height: 0;
border-top: 100px solid red;
border-left: 100px solid transparent;
}

11、左下三角

最终效果:
CSS代码如下:

复制代码
代码如下:

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

12、右下三角

最终效果:
CSS代码如下:

复制代码
代码如下:

#triangle-bottomright {
width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;
}
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
直播间怎么连线 直播间连线有什么好处 2023肇庆端州区中考第二批录取分数线公布 肇庆500分能上什么高中 绿豆沙食用指南 急急!是词语的意思!第二小题!! 蓝牙耳机只有一个耳机有声音 破坏电力设备罪的犯罪构成要件有哪些呢 构成破坏电力设备罪的条件 什么是破坏电力设备罪的构成要件 破坏电力设备罪的构成要件包括哪些 卧室信号不好怎么办 手机登录微信拼图安全验证,但是拼图滑不动是怎么回事? 笔记本怎么消磁? 笔记本电脑屏幕边缘发红用什么东西消磁? 电脑前置USB插口接上无线网卡后耳机插孔有电流声。 笔记本电脑要怎么消磁啊 120型墙壁无线路由器3g无线ap无线wifi usb插座智能多功能开关插座怎么样 联想笔记本消磁键是哪个? 联想主机后面6个usb插口哪个插无线网卡 联想笔记本消磁键是哪个 笔记本电脑显示器如何消磁? 戴尔电脑显示器磁化怎么办? 我用的 USB插口的无线网卡,每次开机后都检测不到,必须重新插入一次才可以 笔记本电脑屏幕被磁化了怎么办? 刚买的笔记本电脑在开机的时候,会有一瞬间的波浪闪过,听说要消磁?怎么消磁? 清风魔方插座的重量是多少?无线,usb款 HP笔记本电脑磁化了,怎么消磁? 为啥六孔的插座带USB的不支持WiFi控制 DELL笔记本电脑怎么消磁 我买了一个USB插口的无线网卡...是不是一插进去就能上网了还是要调些什么 英雄互娱有哪些游戏? 有什么英雄手机游戏 有没有超级英雄的游戏? lol是什么类型的游戏 有影刃这个英雄的游戏有哪些 名字带英雄的单机游戏 [英雄互娱]有哪些游戏? 类似英雄联盟的游戏有哪些好的 找漫画英雄的游戏 英雄联盟的游戏属于哪一类 微博兔是永久的吗? 微博头像下面的小兔子是怎么弄的啊? 小飞侠在微博说“求兔”是什么意思 老式电视机在农村怎么安装接收器 微博头像旁边的小兔子和星星代表着什么?怎么才能获得?因为网络的原因图 ... 广播电视村村通接收器怎么安装 奥歌地面数字电视信号接收机怎么安装才信号 村村通卫星电视接收器和户户通有什么区别 微博兔怎么戴 农村能安装卫星电视接收机吗