随笔分类 -  html5/css3

outline：none；
摘要：取消轮廓线 大部分表单点击过后都会具有蓝色边框，我们用 outline：none 应对这种情况 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline简写属性在一个声明中设置所有的轮廓属性。 可以设置的属性分别是（按顺序）：outline-colo 阅读全文
posted @ 2020-09-25 08:52 遇你温柔如初 阅读(761) 评论(0) 推荐(0) 编辑
css布局，设置div元素垂直居中
摘要：这块没有垂直居中，只水平居中了，如果要垂直居中设置 translateY为-50%即可。 阅读全文
posted @ 2020-03-26 11:22 遇你温柔如初 阅读(203) 评论(0) 推荐(0) 编辑
css实现图像边框的样式
摘要：效果图： 样式代码： width: 1.3067rem; height: 1.3067rem; background:linear-gradient(0deg,rgba(148,188,207,1) 1%,rgba(144,204,220,1) 100%); border:3px solid rgb 阅读全文
posted @ 2020-03-19 10:51 遇你温柔如初 阅读(1027) 评论(0) 推荐(0) 编辑
css3 实现div靠右对齐
摘要：如图所示，要将那两个按钮靠右对齐： 阅读全文
posted @ 2020-03-02 17:19 遇你温柔如初 阅读(9265) 评论(0) 推荐(0) 编辑
将div水平，垂直居中的方式
摘要：以下图像的定位方式： 阅读全文
posted @ 2020-03-02 16:53 遇你温柔如初 阅读(158) 评论(0) 推荐(0) 编辑
清楚html和css标签自带默认样式
摘要：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, i 阅读全文
posted @ 2019-10-15 15:26 遇你温柔如初 阅读(770) 评论(0) 推荐(0) 编辑
css 设置overflow:scroll 滚动条的样式
摘要：/* 定义滚动条样式 */ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: rgba(240, 240, 240, 1); } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, ... 阅读全文
posted @ 2019-07-25 14:40 遇你温柔如初 阅读(19752) 评论(1) 推荐(0) 编辑
display:table和display:table-cell的妙用
摘要：display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！ 这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或者f 阅读全文
posted @ 2018-10-12 16:08 遇你温柔如初 阅读(805) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示