多语言展示
当前在线:970今日阅读:183今日分享:45

网站顶部欢迎语、链接制作流程

网站顶部欢迎语、链接制作过程中的注意事项及步骤说明。
工具/原料

div+css

方法/步骤
1

根据需要自行布局盒子。本例布局三个盒子,结构为:一个盒子,装左右两个盒子。

2

制作外盒子的大小、外观。.huanying{ float:left; width:100%;/*大小由网站整体决定*/ height:35px;/*盒子高度*/ background-color:#FFF;/*盒子背景颜色*/ border-bottom:1px solid #DDD;/*盒子边框*/ }

3

制作左盒子。

欢迎来到XXXX公司官网!这个位置写宣传语

定义左盒子样式先清除p、i标签原来的样式。p{ padding:0; margin:0;}i{ font-style:normal;  font-weight:normal;}定义样式.hleft{ float:left; height: 35px; }.hleft p { line-height:35px;/*居中显示*/ font-size: 15px; color:#555;}.hleft p i{ color:#785200;/*定义不同颜色,是为了突出宣传语*/}

4

制作右盒子。

定义右盒子样式先清除ul、li标签原来的样式。ul,li{ padding:0; margin:0; list-style: none;}设置a标签样式a{ text-decoration:none;/*清除链接下画线*/ line-height:35px; font-size: 15px; color:#555;}定义式.hright{ float:right; width:260px; height:35px;}.hright ul li{ display:inline;/*设置列表在一行显示*/}

推荐信息