不二如是 发表于 2017-5-15 05:57:13

如何用纯CSS创建一个三角形？

本帖最后由 不二如是 于 2020-3-17 17:29 编辑

http://xxx.fishc.com/forum/201704/17/074208jmk6okimmolkr4iz.png

问：

如何用纯CSS创建一个三角形？



答：

**** Hidden Message *****



○面试题索引贴●
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

aoliann 发表于 2017-5-19 00:46:03

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
    #triangle-up{
      width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;

    }
</style>
</head>
<body>
    <div id="triangle-up"></div>
</body>
</html>

不二如是 发表于 2017-5-19 05:59:39

aoliann 发表于 2017-5-19 00:46
#triangle-up{
      width: 0;
    height: 0;


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style type="text/css">
      #triangle-up{
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 100px solid red;

      }
    </style>
</head>
<body>
<div id="triangle-up"></div>
</body>
</html>

落叶千年 发表于 2018-7-27 09:22:38

厉害了

你很6 发表于 2018-9-27 16:23:49

()

我要天天向上 发表于 2018-10-29 21:03:02

学习

臭鱼小虾 发表于 2018-10-30 16:02:41

1

风中雪_1 发表于 2018-11-4 00:10:57

厉害

皛龘骉 发表于 2018-11-14 12:47:00

阿拉伯烤鱼

lbjstudypython 发表于 2018-11-22 12:33:45

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
      div {
            width:50px;
            height:50px;
            border:100px solid;
            /* 平分效果 */
            /*border-color:red green blue black; */

            /* 单个三角形 */
            border-color:blue red lightgreen yellow;
      }
    </style>
</head>
<body>
    <div></div>
</body>
</html>

chenyihao009 发表于 2019-11-5 10:26:00

socool

tg123 发表于 2020-6-9 08:46:30

{:5_90:}

大豆子do 发表于 2020-6-29 20:48:32

1

qina10 发表于 2020-9-22 11:39:05

border-

marumarum 发表于 2021-3-3 00:19:57

m

一坨稀饭灬 发表于 2021-3-5 17:53:46

d

一笙彤 发表于 2021-3-15 18:31:08

1

小苏鱿鱼2 发表于 2021-3-23 16:53:29

123

indred 发表于 2021-12-31 11:45:08

看看

甲鱼护甲锻造师 发表于 2022-6-8 09:12:44

1
页: [1] 2
查看完整版本: 如何用纯CSS创建一个三角形？