CSS综合案例 聊天室*联系人 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容, 这实际上破坏了“锁定”模式。即如果你有IE9的话说明你有IE789,那么就调用高版本的那个也就是IE9。 -->> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>聊天室联系人</title> <style> body{ background-color:darkcyan; } h1{ /* 设置元素中的内容水平居中对齐 */ text-align:center; /* 设置字体的颜色 */ color:darkorange; /* 设置字体的风格*/ font-family: 'Courier New', Courier, monospace; /* 设置字体加粗 */ font-weight:bold; /* 设置字体的大小 */ font-size: 38p