Tag "css" 相关话题

Deshun 发布于 5年前 (2019-03-18) 6582℃ 评论(0) 赞 (5)

利用CSS实现三角形效果，比较常用的思路是使用 border 边框来实现，border 边框是由四个三角形组成的，通过调整四个边来实现不同形状的三角形。通过上图应该能看懂 border 的实现原理。CSS代码如下：通过调整边框的宽度，来实现不同的形状。/*A1*/ .trian...

标签： border  /  三角形  /  css

Deshun 发布于 5年前 (2019-03-06) 4985℃ 评论(0) 赞 (1)

纯CSS实现图片扫光效果，效果如下：html代码如下：<div class="ilogo">     <h1 class="ititle">  ...

标签： 动画  /  css  /  特效

Deshun 发布于 5年前 (2019-03-02) 7181℃ 评论(0) 赞 (6)

一般 hover 效果只用在自身元素和控制子元素，那么可以直接用 CSS 控制兄弟元素的 hover 效果吗？答案是可以的，不过只能控制相邻的元素，具体示例代码如下：1、如果 #b 元素是 #a 元素的子元素，可以直接通过 #a:hover #b {...} 这种方式来控制。示例...

标签： css  /  选择器  /  hover效果

Deshun 发布于 5年前 (2019-02-24) 2869℃ 评论(0) 赞 (1)

在查看网页源码的时候经常会发现带有类似 ?v=13566 或者 ?version=15678 的 CSS 和 JS 文件。如下所示：<script src="w3h5.js?version=15688″></script> <l...

标签： css  /  js  /  版本号

Deshun 发布于 5年前 (2019-02-18) 11529℃ 评论(0) 赞 (5)

用JS来动态设置CSS样式，常见的有以下几种：1. 直接设置style的属性  某些情况用这个设置 !important值无效如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  ele...

标签： css  /  js  /  设置样式

Deshun 发布于 5年前 (2019-01-18) 10157℃ 评论(0) 赞 (5)

工作中或许会用到 table 表格固定表头， tbody 滚动的效果。为了方便我这里直接用的 Bootstrap 的表格样式。今天研究了一下，整理了几种方案：有的建议使用：position: absolute 或者 position: fixed; .table&nbs...

标签： css  /  滚动条  /  固定表头  /  table  /  表格

Deshun 发布于 5年前 (2019-01-16) 21674℃ 评论(0) 赞 (5)

我们一般设置表格的宽度是用如下方法：可以使固定尺寸，也可以是百分比th,td{     width: 20%;     text-align: center; }设置 tab...

标签： table  /  表格  /  css  /  宽度

Deshun 发布于 5年前 (2018-12-30) 4384℃ 评论(0) 赞 (1)

日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题，不支持单行文本的两端对齐，只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果：利用伪类 :after 实现：给元素添加伪类...

标签： css  /  两端对齐  /  对齐  /  文本

Deshun 发布于 6年前 (2018-11-21) 3372℃ 评论(0) 赞 (0)

一般网站应用中都会应用到三角形，正三角形的写法也有很多，网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法，效果如下：左边部分的矩形比较好实现，通过设置宽高可圆角就可以，但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性（CSS Masks）：-...

标签： css  /  遮罩  /  背景