Css
林夕_______
这个作者很懒,什么都没留下…
展开
-
html div左右/垂直居中
html>html lang="en">head> meta charset="utf-8"> title>div居中title> meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">head>style> bod原创 2017-08-15 23:00:31 · 1676 阅读 · 0 评论 -
html 改变input触发边框颜色
//去掉input点击后边框颜色input { outline:none; }//改变input触发后边框颜色input{ outline-color:red;}原创 2018-07-23 14:50:01 · 36150 阅读 · 4 评论 -
Less简单使用
link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"></script>注意你的less样式文件一定要在引入less.js前先引入$ npm install less原创 2018-07-02 11:43:45 · 144 阅读 · 0 评论 -
table合并行hover问题
如图:合并过后的单元格,hover时如何显示背景色?Css: body { padding: 1em;}table { width: 100%; border-collapse: collapse;}td, th { padding: .25em; border: 1px solid black;}tbody:n原创 2018-03-29 15:44:36 · 3060 阅读 · 0 评论 -
html DIV+CSS让文字垂直居中
CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>这样的元素是没有valign特性的,因此使用vertical-align对它们不起作用。一、单行垂直居中p { he...原创 2017-08-28 14:01:57 · 753 阅读 · 0 评论 -
空字符对浮动的影响
c:if test="${depart.value.armor}"> class="dis-block font-18 dc3">已确定 class="mg mg-down icon-right font-18 dc3">c:if>c:if test="${!depart.value.armor}"> class="dis-block font-18 text-da原创 2017-09-06 15:28:22 · 167 阅读 · 0 评论 -
css clac计算属性
calc()可以使用数学运算中的简单加(+)、减(-)、乘(*)和除(/)来解决问题,而且还可以根据单位如px,em,rem和百分比来转化计算。一个简单例子:child的高度就是计算属性算出来的。html>lang="zh"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge,chr原创 2017-08-16 19:11:58 · 1028 阅读 · 0 评论 -
css css编写三角形和半圆
三角的四个方向可修改,根据:border-top-color:; border-bottom-color:; border-left-color:; border-right-color:;<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta原创 2017-08-16 11:38:31 · 846 阅读 · 0 评论 -
css 一列固定一列自适应布局-flex布局实现
flex布局,弹性盒子布局。声明了display:flex;即变为伸缩容器,在伸缩容器内的所有子元素将自动变成伸缩项目flex items.常结合使用的属性有 dispaly:flex; flex-flow:row; 伸缩项目单行排列或者flex-flow:column; 伸缩项目单列排列这里利用flex布局实现一列固定,一列自适应html>lang="zh">原创 2017-08-16 11:18:32 · 3636 阅读 · 0 评论 -
html 不规则table表格
tabletable{border-collapse: collapse;}1113212232原创 2017-08-10 21:56:11 · 6436 阅读 · 0 评论 -
html title属性
title: 鼠标滑过时显示的文字提示。注意:title属性可以用在除了base,basefont,head,html,meta,param,script和title之外的所有标签。块级、行内元素都可以使用。原创 2017-08-14 14:10:53 · 985 阅读 · 0 评论 -
自定义滚动条样式
.detail-content::-webkit-scrollbar { width: 5px; } .detail-content::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -we...原创 2018-09-13 16:18:33 · 163 阅读 · 0 评论