《网页设计与制作（HTML+CSS+JavaScript）》课件_CORE-05.ppt

*背景设置背景图片的设置图片的固定设置：{background-attachment:fixed}htmlheadtitle图片的固定/titlestyletype=text/css!-- body{background-image:url(images/top.jpg); background-repeat:no-repeat; background-attachment:fixed} --/style/headbodyb软件开发/bbr中小企业CRM软件市场现状分...2010-12-01brbr 现代化企业的经营战略：迅腾客...2010-11-26brbr 烟业提高核心竞争力的必备武器...2010-11-26brbrb网站建设/bbr滨海迅腾科技集团荣获天津市“河东..2010-11-26brbr 天津卡巴斯基企业版开放空间代理商..2010-11-26brbr 迅腾科技公司成功代理卡巴斯基企业..2010-11-26brbr /body/html**背景设置背景图片的设置图片的定位设置：{background-position:50%50%}html head title背景图片的位置/title styletype=text/css !--#p1{background-image:url(images/xtt.jpg);background-repeat:no-repeat; background-position:0%0%} #p2{background-image:url(images/xtt.jpg);background-repeat:no-repeat; background-position:50%50%} #p3{background-image:url(images/xtt.jpg);background-repeat:no-repeat; background-position:100%100%}-- /style /head body tableborder=1height=300cellspacing=0 trtdwidth=257height=100id=p1迅腾滨海科技有限公司/td/tr trtdheight=100id=p2迅腾滨海科技有限公司/td/tr trtdheight=100id=p3迅腾滨海科技有限公司/td/tr /table/body/html**总结回顾CSS概念尺度单位、排版文字、列表符号的设置矩形模块化背景颜色、图片的设置重点：3、5htmlheadtitle英文字母的大小写转换/titlestyletype=text/css !-- #tr1{text-transform:capitalize;} #tr2{text-transform:uppercase;} #tr3{text-transform:lowercase;} --/style/head*body每个英文单词的开头字母转化为大写pid=tr1hello!welcometoxtkj!/p所有英文单词转化为大写pid=tr2hello!welcometoxtkj!/p所有英文单词转化为小写pid=tr3HELLO!WELCOMETOXTKJ!/p/body