随笔分类 - HTML
摘要：html结构： <div class="wrapper"> <div class="round"> <span>东邪</span> <span>西毒</span> <span>南乞</span> <span>北丐</span> </div> </div> CSS代码： .wrapper{ width
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content= "width=device-width, initial-scale=1.0"> <title>Animated
阅读全文
摘要：24文字溢出处理 单行溢出三件套，静止换行溢出到。多行处理仅截断，容器文字高计算。 单行溢出三件套，静止换行溢出到。 单行文本溢出处理方法一般是打点展示 div { white-space: nowrap; /*表示多余不换行*/ overflow: hidden; /*溢出部分隐藏*/ text-
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>3D Te
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .warp{ width: 300px; height: 300px; background-color: pink; margin: 100px
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> /*最外边的盒子*/ .container{ /*盒子左边距*/ margin-left: 40px; /*盒子右边距*/ margin-right
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>豆瓣</title> <link rel="shortcut icon"type="imge/x-icon"href="img/favicon.ico" /> <link rel="
阅读全文
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docume
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style> *{ margin: 0; padding: 0; } .wrap{ width: 840px; height: 400px; background: re
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style1.css" /> <style type="text/css"> .box{ widt
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input list="source" id="ipt" /> <datalist id="source"> <option v
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>轮播图注册页面1</title> <link rel="stylesheet" href="css/bootstrap.css" /> <link href="https://c
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { font-size: 16px; font-family: 'Helvetica', 'Arial',
阅读全文
摘要：<!doctype html><html><head><meta charset="utf-8"><title>中英文切换导航栏</title><style type="text/css"> *{margin:0px;padding:0;} /*清除浮动*/ ul{overflow: hidden;
阅读全文
摘要：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .img-group{ /*使整个大盒子的长度与图片适应*/ display: inline-block; po
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /*去除默认样式*/ *{ margin: 0; padding: 0; } /*设置外面的大盒子*/ .box
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .big{ border: 2px solid red; } .a{ width: 200px; height: 200px; background
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 清除默认样式 */ *{ margin: 0; padding: 0; } /* * 设置ul */ .n
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 块元素在文档流中默认垂直排列，所以这三个div自上到下依次排开 * 如果希望块元素在页面中水平排列，可以使
阅读全文
浙公网安备 33010602011771号