html
即墨丹青
哈哈哈
展开
-
css伪类元素:after 的多功能用法——任意大小的底边框
需求用法出现的背景:由于项目UI的优化,项目中所有tab导航选中的状态都是统一样式书写的,之前都是用的border-bottom,新的需求如果用以前的本办法就是定位一个选中边框在底部,但是涉及的模板页面比较多,所以想在样式中统一修改,就用到了:after这个伪类元素;.cactive:after{ content: " "; display: block; width:40upx; height:6upx; background:#E12D40; border-radius:4u原创 2020-07-15 08:31:01 · 2411 阅读 · 0 评论 -
HTML 关于登录form样式
关于form表单的登录的相关知识: input 和 button圆角矩形:input,button{ width: 320px; height: 45px; margin: 0px 8px; border-radius: 10px; /*圆角矩形*/ text-indent: 10px; /*里面隐形的字体首行缩进*/ margin: 10...原创 2018-07-02 16:32:33 · 3579 阅读 · 0 评论 -
HTML - 隐藏滚动条但可以滚动
原理: (原理就是遮盖)1、如果你把子div的140px宽度移除,你就明白其中的奥妙了。2、原理就是父元素负责滚动,子元素负责遮盖。解释:父类的div 负责滚动,宽度比子类的宽度窄也就是: width: scroll(父) < scroll-son<html><style> .scroll{ overflow-x: hidden;...原创 2018-12-19 14:04:39 · 4142 阅读 · 3 评论