html和css制作上三角和下三角

//html

<div class="topmsg"><p class="gle"></p><a id="pereditor" href="javascript:;">个人资料编辑</a>
</div>

//css

.topmsg{position: relative;
}
.gle {position: absolute;width: 15px;height: 15px;background: #fff;border-top: 1px solid #c8cbd2;border-left: 1px solid #c8cbd2;     /*上三角*//*border-bottom:1px solid #c8cbd2; 下三角*//*border-right:1px solid #c8cbd2;*/margin: 0 0 0;left: 50%;top: -9%;transform: translate(-50%, 0);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}

html和css制作上三角和下三角相关推荐

九九乘法表编程上三角python_java语言打印上三角和下三角，进一步得到九九乘法表...
初探SQL注入 1.1注入语句(通过时间注入函数) 数据库名称 localhost:8080/ScriptTest/userServlet?username='union SELECT IF(SUBS ...
html把div分成两栏,div+css制作上中下，中间两列的全屏自适应布局
制作自适应布局的网页对初学者是个难点,今天我们以最常见的上中下结构,中间又分为两列的全屏自适应布局为例,教大家如何制作自适应布局网页. 上中下结构,中间又分为两列的全屏自适应布局HTML代码: 上中下 ...
css从上到下逐渐加载,css制作从下往上逐渐显示的div
html代码我是div顶部其中div1是整个容器,div2是需要从下往上显示的div.如果只是改变height高度的话,会导致div从上往下慢慢显示,所以并不能直接设置div2的高度来达成效果,此 ...
js+css制作导航栏下划线跟随动画，App+H5点击效果
这是使用Vue制作的一个下划线跟随效果,没有使用其他插件目录 1. 制作一个初始的导航栏 2. 增加点击样式 3. 下划线移动最终代码注意事项这是最终效果↓ 一开始从网上查其他人的做法,大部分 ...
js+css制作导航栏下划线跟随动画，自适应元素尺寸变化，Vue/Uniapp
以前也写过一个差不多的,但上一个写的存在很多问题,尤其是css要使用 justify-content: space-around才能正常计算下滑宽度,导致了在很多场景都不实用,其实那一天就想到更好的解 ...
css 绘制上，下，右，左箭头
1 上箭头 .drawJt{ border: 4rpx solid #c2c0c0; width: 40rpx; height: ...
纯css制作三级下拉菜单
css本身的功能就挺强大的,尤其是css3出来之后,大部分特效只用css3就能完成了,无需再费心思去想js怎么怎么做jQuery怎么怎么做,代码简洁质量轻巧.下面是本人用纯css制作的三级下拉菜单效果 ...
css设置div从下到上显示,科技常识：css制作从下往上逐渐显示的div
今天小编跟大家讲解下有关css制作从下往上逐渐显示的div ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css制作从下往上逐渐显示的div 的相关资料,希望小伙伴们看了有所帮助. htm ...
html中从下往上遮罩效果,css制作从下往上逐渐显示的div
html代码我是div顶部其中div1是整个容器,div2是需要从下往上显示的div.如果只是改变height高度的话,会导致div从上往下慢慢显示,所以并不能直接设置div2的高度来达成效果,此 ...

html和css制作上三角和下三角

html和css制作上三角和下三角相关推荐

最新文章

热门文章