css+div 高分求教！

答案:5 悬赏:30 手机版

解决时间 2021-01-12 13:16

提问者网友：我们很暧昧
2021-01-12 07:24

css+div 高分求教！

最佳答案

五星知识达人网友：天凉才是好个秋
2021-01-12 08:19

简单的切就按我下面的图片显示的来切就行了。
说明一下：
01切片
就是一大背景，学校名那一区域可以用1x1透明像素的gif图片来定宽和高之后，做链接。
搜索框可以将input的背景设置为做好的1x1透明像素，右边的搜索按钮也可以用1x1透明像素定宽和高来取尺寸。
上面的都能给头部header一个position:relative，然后链接和搜索框都用absolute来定位。
如果你想尺寸小一点，可以细切，渐变背景切一块，其他元素切一块就行了。
02切片
这是为了补那个渐变的，因为设计人员的渐变太高了，这个切片做成repeat-x平铺的背景。
04切片
为了省事，并且也因为此栏目的背景是一个渐变色，如果干脆切一大块吧，这是在04切片高度固定的情况下，如果高度可能会变，那就分成上中下三个部分来切。
06切片和09切片
同04切片
13切片
这是底部的渐变，也是做成背景后repeat-x来平铺
其他的小图标
可以单切一个就行，做的时候加上
html代码部分说明：
01切片为header
02、04、06、09为container
13切片为footer
其中04、09可以为content，06为sidebar
然后content为浮动左边float:left、sidebar为浮动右边float:left
给content和sidebar都给一个 display:inline来兼容一下IE6
然后content的margin-left为多少，在PS中量一下，sidebar的margin-right为多少，也量一下。
其他小的地方不难，自己做吧。
切片图见下

全部回答

1楼网友：千杯敬自由
2021-01-12 14:25

楼主的作品不错呵呵

2楼网友：拜訪者
2021-01-12 12:52

网站logo\装饰图片、实际图片，这三项可以用图片，其它可用作背景图片。

3楼网友：怀裏藏嬌
2021-01-12 11:14

嗨。不提了，我今天也回到学校里面在做网页。。。拿了2分跑路。

4楼网友：狂恋
2021-01-12 09:54

这不是几句话能说明白的，你就去网上搜搜，
《别具光芒：DIV+CSS网页布局与美化》，这本书适合入门，当初我就是看这个入门的

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息