css怎么设置网站默认主页

html-css07

css怎么设置网站默认主页,第1张

菜单上的文件。

2、页面设置。

3、页面设置的“页边距”,可以修改相关参数。

4、页面设置的“纸张”,可以修改相关参数。

5、页面设置的“版式”,可以修改相关参数。

6、页面设置的“文档网格”,可以修改相关参数。

7、设置好3、4、5、6的各参数后,点击页面设置窗口左下角的“默认”。

8、点击“是”,即可保存为默认模板。

2. 如何设置网页背景

1.首先打开电脑上自带的记事本程序,从HTML5开始就不再支持<bgcolor>属性了。你想设置背景颜色和网页其它方面的样式,就得使用CSS。

2.然后输入html网页基本结构语句。<html><body></body></html>。

3.由于css样式必须在标签<head></head>之间,因此我们点击<html>后面,输入<head></head>标签。

4.在head标签之间输入样式标签<style></style>,然后定义一些属性

<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4     <meta charset="UTF-8"> 5     <title>Document</title> 6     <style> 7         ul{ 8             list-style: none 9         }10         .nav>li{11             float: left12         }13         ul a{14             display: block15             text-decoration: none16             width: 100px17             height: 50px18             text-align: center19             line-height: 50px20             color: white21             background-color: #2f3e4522         }23         .nav>li:first-child a{24             border-radius: 10px 0 0 10px25         }26         .nav>li:last-child a{27             border-radius: 0 10px 10px 028         }29         .drop-down{30             /*position: relative*/31         }32         .drop-down-content{33             padding: 034             display: none35             /*position: absolute*/36         }37         38         h3{39             font-size: 30px40             clear: both41         }42         .drop-down-content li:hover a{43             background-color:red44         }45         .nav .drop-down:hover .drop-down-content{46             display: block47         }48 </style>49 </head>50 <body>51     <ul class="nav">52         <li><a href="#">下拉菜单</a></li>53         <li class="drop-down"><a href="#">下拉菜单</a>54             <ul class="drop-down-content">55                 <li><a href="#">我是1</a></li>56                 <li><a href="#">我是2</a></li>57                 <li><a href="#">我是3</a></li>58             </ul>59             </li>60         <li><a href="#">下拉菜单</a></li>61         <li><a href="#">下拉菜单</a></li>62         <li><a href="#">下拉菜单</a></li>63     </ul>64     <h3>我是测试文字</h3>65 </body>66 </html>