.el-table--border:after, .el-table--group:after, .el-table:before { background-color: #cecece; } .el-table--bo…
分类:css
word表格内文字行间距调整方法
调整word中表格里文字的行距的方法: 1、选中这段文字,单击开始选项卡,点击字体功能组右下角的箭头; 2、在弹出来的字体对话框中选择高级选项卡; 3、在间距后面的下拉框中选择间距是加宽还是紧缩,或者调整后面的磅值; 4…
不让图片失真,使大小不一的图片整齐排列!
作为前端er,肯定碰到过将一组要将一组图标整齐排列的问题,图片一样大还好,不一样大的话,没经验还真是烦人呢。 如图,排列不整齐美观。为了方便你我他,我加了边框 如果粗暴的把图片设置为一样大小,那图片会失去原有比例,导致伸…
css实现点击元素,改变背景色
可通过使用css伪类实现点击元素变色的效果,两个伪类是:active, :focus 譬如实现一个div鼠标点击时改变背景色, <div class="my-demo">可以摸我</div> 添加…
手机端页面时,字体的显示大小与在CSS中指定的大小不一致
最近在做一个手机端页面时,遇到了一个奇怪的问题:字体的显示大小,与在CSS中指定的大小不一致。大家可以查看这个Demo(记得打开Chrome DevTools)。 就如上图所示,你可以发现,原本指定的字体大小是24px,…
CSS实现图片悬停文字叠加效果
引言 在这篇文章中,我们将看到如何轻松创建一个漂亮的图像悬停文本覆盖效果。对于本教程,你必须具备充分的 HTML 和 CSS 基本知识。 编写HTML 我们的 html 代码非常简单,只有几行: <div clas…
div显示边框
需求:如题 <div style="width:100px;height:500px;border:1px solid #ddd"> 我是加了边框的div </div> 效果如下:
设置文本框边框不显示
<input name=”str” style=”border: 0px none;” type=”text”>
关于三栏式布局的几种方式
一、前言 在如今各个分辨率显示器N足鼎立的时期,页面采用流动性布局(亦可称自适应布局)不失为一个好选择。当然,具体实现不是那么容易,需要一定的css功力和实践经验。本文不讲细节,只讲外部的自适应架构,这也是实现整个页面自…
【css】移动端自适应布局与字体大小自适应
前言:前面已经说过【css】移动端响应式布局与设置响应式字体大小,但是移动自适应布局跟自适应字体大小该怎么进行设置呢? 一、vw, vh vw它是根据可视区的宽度来计算的。 vh它是根据可视区的高度来计算的…
css flex弹性布局 一行三列布局
flex弹性布局可以很好的解决浮动布局里面不能垂直居中,和经常由屏幕大小导致的自动换行问题 下面是一个一行三列的布局+水平居中 效果图 H…
flex布局[一行三个元素,剩下的元素自动换行,左对齐]
1: 需求: 每一行三个元素,剩下的元素自动换行,而且左对齐[如图] 2: 实现之后的样子 3: 实现的代码 <!DOCTYPE html> <html lang="en"> <head&g…