随笔分类 - CSS
常用的CSS样式布局
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo06</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo06.css" rel="s
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo05</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo05.css" rel="s
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo005</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo005.css" rel=
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo04</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo04.css" rel="s
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo03</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo03.css" rel="s
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo02-xin</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo02.css" re
阅读全文
摘要：HTML: 1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"/> 4 <title>demo01-taiji</title> 5 <link type="text/css" href="E:\htmltest1\demo1\demo01.css"
阅读全文
摘要：CSS3制作苹果风格键盘 HTML代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>CSS3 KeyBoard - Linux公社 - Linux系统门户网站</title> 6 <!-- <lin
阅读全文
摘要：抽奖 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <title> 抽奖活动 </title>
阅读全文
摘要：品牌浮动--图片格式 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 5 <style> 6 .flex-container {
阅读全文
摘要：品牌浮动布局，纯文字类型 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .flex-container { 6 display: flex; 7 flex-wrap: wrap; 8 background-color: DodgerBlue; 9 }
阅读全文
摘要：实现商品左右布局，自动往下排列 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .center { 6 display:flex; 7 flex-wrap: wrap; 8 margin: auto; 9 width: 100vw; 10 border
阅读全文
