必威体育Betway必威体育官网
当前位置:首页 > IT技术

使用css画等腰直角三角形

时间:2019-10-12 21:11:07来源:IT技术作者:seo实验室小编阅读:63次「手机版」
 

等腰直角三角形

使用css画个等腰直角三角形:

可以使用border来进行绘制,具体见注释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   
    <title>画直角三角形</title>
    <style>
        .triangle {
            width: 0px;
            height: 0px;
            border-width: 16px;
            border-style: solid; /*定义的是实现边框*/
            border-color: transparent #dadada #dadada transparent;
            /*顺时针顺序,上右底左*/
            /*若是三个值的话,上,左右两侧,底*/
            /*若是两个值的话,上底,左右两侧*/
            /*若是一个值的话,四个方向都一样*/
        }
    </style>
</head>
<body>
    <p class="triangle">

    </p>
</body>
</html>

相关阅读

css布局属性(重点!!!)

QQ:275487025 QQ群:854312770 欢迎各种大牛指点,和小白一起学习。 (重点)position定位属性: relative相对定位特点是: 相对于游览最上

CSS 导航栏

垂直 水平 导航栏  熟练使用导航栏,对于任何网站都非常重要。  使用CSS你尅转换成好看的导航栏而不是枯燥的HTML菜单。 导航

html+css+js 填写表单实现下一步上一步操作

效果如下   完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩

简单说 CSS的vertical-align

说明 vertical-align属性,是CSS属性中一个比较重要的属性,也是比较不好理解的一个。 我们今天就来说说它。 解释 先来看看他的定

CSS font-family 中的苹方字体

苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 极细体 font-f

分享到:

栏目导航

推荐阅读

热门阅读