用html,css制作一个三角形

用html,css制作一个三角形。


<html>
<head>
    <meta charset="utf-8">
    <title>三角形title>
    <style>
        .triangle {
            width: 0;
            height: 0;
            border: 40px solid red;
            border-top-color: black;
            border-bottom: none;
            border-left-color: transparent;
            border-right-color: transparent;
        }
    style>
head>
<body>
    <div class="triangle">
    div>
body>
html>

最后的效果:

你可能感兴趣的:(前端WEB)