| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- #box1 {
- width: 300px;
- height: 300px;
- /* background: rgba(255, 0, 0,0.6); */
- background: #f00;
- opacity: .6;
- /* font-size: 10px; */
- /* font-weight:bolder; */
- /* font-family: 'Courier New', Courier, monospace; */
- /* font-style: italic; */
- color: #000;
- }
- /*
- 透明：opacity:0-1 可以写小数 小数可以省略0 全部透明
- 16进制颜色 rgb rgba(a=>alpha<透明>)
- 红 #ff0000 #f00 255,0,0 0-1 可以写小数 小数可以省略0 只对使用的元素进行改变
- 黄 #ffff00 #ff0 255,255,0
- 蓝 #0000ff #00f 0,0,255
- 绿 #00ff00 #0f0 0,255,0
- 黑 #000000 #000 0,0,0
- 白 #ffffff #fff 255,255,255
- */
- </style>
- </head>
- <body>
- <!--
- 颜色：color
- 字体大小：浏览器默认字体大小是16px
- 浏览器最小可识别 12px
- font-size
- 字体粗细：font-weight
- 粗 bold bolder 600-900
- 正常 normal 400-500
- 细 lighter 100-300
- 字体:font-family
- 字体样式:font-style
- italic 倾斜
- normal 正常
- -->
- <div id="box1">这是一个新盒子</div>
- </body>
- </html>
|
