等腰直角三角形
使用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>
相关阅读
QQ:275487025 QQ群:854312770 欢迎各种大牛指点,和小白一起学习。 (重点)position定位属性: relative相对定位特点是: 相对于游览最上
垂直 水平 导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你尅转换成好看的导航栏而不是枯燥的HTML菜单。 导航
效果如下 完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩
说明 vertical-align属性,是CSS属性中一个比较重要的属性,也是比较不好理解的一个。 我们今天就来说说它。 解释 先来看看他的定
苹方提供了六个字重,font-family 定义如下: 苹方-简 常规体 font-family: PingFangSC-Regular, sans-serif; 苹方-简 极细体 font-f