<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <style > span{ border: 1px solid red; font-size: 40px; background-color: pink; } </style> <link rel="stylesheet" href="text.css" /> </head> <body> <!-- 1.通过标签上的style属性给div设置样式 边框:1px solid red 字体大小40px 背景颜色为 pink --> <!-- 2.通过style标签给span设置样式如下: 边框: 2px solid cyan 字体大小: 35px 字体加粗 --> <!-- 3.通过link标签引入外部的css文件,样式如下: 边框: 2px solid blue; 字体大小: 30px; 字体为黑体 --> <div style="border:1px solid red;font-size: 35px;font-weight: bold;"> 这是一个div... </div> <span>span111</span> <span>span222</span> <span>span333</span> <p>p1111</p> <p>p2222</p> <p>p3333</p> </body> </html> |
|