HTML+CSS
文章平均质量分 56
guoxiaxing
这个作者很懒,什么都没留下…
展开
-
CSS 三列布局 (两边固定宽度,中间自适应)
1.position + margin:缺点:当浏览器的窗口过小时,可能会出现多层重叠现象。HTML结构: <div class='contain'> <div class='left'></div> <div class='right'></div> <div class=...原创 2018-04-21 17:20:38 · 726 阅读 · 0 评论 -
正反面特效 CSS
<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> .outNode{width: 200px;height: 200px;position: abs原创 2018-06-23 07:56:22 · 844 阅读 · 0 评论 -
用纯CSS实现一个带三角的正方形 仅用一个div
要求:正方形边长100px,背景颜色白色,边框颜色#0cc,三角形为等腰直角三角形底20px,高10px,距正方形上部20px,边框宽度为2px。CSS样式:/*正方形样式*/ #demo{ width:96px; height: 96px; border:2px solid #0cc; background-color: #fff; pos...原创 2018-06-02 16:12:25 · 5013 阅读 · 0 评论 -
半圆,1/4圆,半椭圆,1/4椭圆,纯CSS画图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /*半圆*/ .box{ width:100px; heig原创 2018-10-01 15:22:04 · 3991 阅读 · 0 评论 -
使用canvas实现一个扇形loading动态图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>loading</title> <style> #box{ font-size: 20px; font-weight: bold; color:r...原创 2019-04-28 20:21:20 · 857 阅读 · 0 评论