
css简易版五环
* {margin: 0;padding: 0;}.wrapper {position: relative;border: 2px solid#fff;border-radius: 50%;top: 20%;left: 30%;}.demo...
* {margin: 0;padding: 0;}.wrapper {position: relative;border: 2px solid#fff;border-radius: 50%;top: 20%;left: 30%;}.demo...
单行文本 overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 多行文本 overflow: hidden;text-overflow: ellipsis;display...
渐变?:背景色在多个颜色之间平稳过渡 线性渐变:从一个方向到另一个方向到另一个方向的颜色的变化 线性渐变如图所示: 标准模式的语法(不添加浏览器前缀): background:linear-gradient(direction,color-...
css文本属性示例 <!DOCTYPE html><html><head><meta charset=\"utf-8\"><title></title><styl...
什么是CSS? CSS(Cascading Style Sheets)层叠样式表,又叫级联样式表,简称样式表1.用于HTML文档中元素样式的定义实现了将内容与表现分离提高代码的可重用性和可维护性2.文件后缀是.css CSS与HTML之间的...
块级元素(block) 常见的块元素有 <h1>~<h6> 、 <p> 、 <div> 、 <ul> 、 <ol> 、 <li> 等,其中 <div&...
自定义浏览器鼠标样式: cursor:url(http://localhost/d2/matches.cur),url(http://localhost/d2/matches.cur),n-resize;,url(http://...
一、怪异盒模型 怪异盒模型的属性是box-sizing,他有两个属性值: 1、content-box 这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。 简而言之就是...
简单滴动画效果,鼠标移到图片就能执行 <!DOCTYPE html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=...
css绘制一个简单的三角形 2020/07/20 div{width:0;height:0;border-width:10px;border-style:solid;border-color:#f00 transparent transpa...