网页设计背景
请问有谁知道设计网页遮罩css跟html的代码怎么写 就是点击之后弹出个小窗口然后背景色变暗的那种急急急啊
HTML：<p class="shade"></p> <div class="tanceng"> <p class="cue">亲，活动还在继续，5月6日-5月8日抽奖，要累计50万以上才可参加哦~</p> <p class="okbtn pt5"> <a href="javascript:void(0);">确 定</a> </p> </div>CSS：.shade{ width: 100%; background-color: rgba(0,0,0,0.3); position: fixed; left: 0; top: 0; display: none;}.tanceng{ background-color: #ffeb8d; width: 240px; padding: 20px; line-height: 200%; color: #f31b33; position: fixed; top: 20%; left: 50%; border-radius: 0.6rem; margin-left: -140px; display: none;}.okbtn a{ display: block; width: 80%; background-color: #f31b33; color: #fff; line-height: 250%; font-size: 16px; text-align: center; border-radius: 5px; margin:0 auto;}JS:var webH = $(window).height();//这里显示遮罩$("#inner").click(function(e){ //#inner就是你要点击出现遮罩的按钮 $(".shade,.tanceng").css("display","block"); $(".shade").height(webH); $(".cue").html("亲，活动还在继续，5月6日-5月8日抽奖，要累计购买50万以上才可参加哦~"); //这个可以不要，这是我自己的东西 });//这里隐藏遮罩$(".okbtn").click(function(e){ $(".shade,.tanceng").css("display","none"); $(".shade").height(0); })
DIV+CSS设计网页布局时，如何将菜单导航部分背景自适应屏幕宽度，而让导航内容居中？
这是由两个div来实现的，首先建立一个外层div并设置宽高，要使宽度随屏幕宽度变化(即浏览器宽度变化)，那么宽度就得设置100%，高度设置为你需要的高度即可，具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性，就是你导航的宽高，要使之居中，各人使用的方法也有所不同，但是常用的还是margin属性，具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了，如果背景是图片的话就更改background属性即可，还有不明白的随时Hi我。
用ps设计一个网站要设置多大的宽和高？分辨率是多少？
1、一般而言，设计网站的尺寸是1920px宽度(包含背景设计），当然内容显示区是950px/980px/1000px而高度根据需求来定，分辨率为72就可以了，很多设计师为了追求细节，一般都是这个数值的2倍或者三倍 2、图解：整个页面设计内容显示区：淘宝是950px，一般的企业网站是980px
用ps设计一个网站要设置多大的宽和高？分辨率是多少？
1、一般而言，设计网站的尺寸是1920px宽度(包含背景设计），当然内容显示区是950px/980px/1000px而高度根据需求来定，分辨率为72就可以了，很多设计师为了追求细节，一般都是这个数值的2倍或者三倍 2、图解：整个页面设计内容显示区：淘宝是950px，一般的企业网站是980px
如何在网页中添加背景图片及框架
一、添加背景图片：body { background: url("xxx.jpg"); }原本<body>卷标提供了以下几种设定: <body alink=colorvalue background=url bgcolro=colorvalue link=colorvalue text=colorvalue bgproperties=fixed /*背景固定 leftmargin=pixels /*离浏览器显示窗左边的距离 topmargin=fixels /*离浏览器显示窗上面的距离 >background-image:url(n.jpg) /*背景图档background-repeat:repeat|repeat-x|repeat-y|no-repeat /* 重复显示全影幕|水平方向重复|垂直方向重复|不重复显示background-attachment:scroll|fixed /*卷动或固定background-position:x%,y%|x,y|top|left|center|bottom|right /*背景图文件位置 二、添加框架：①打开Dreamweaver，新建一个网页。点击布局中的框架按钮，选择要实现的框架类型。②这样就创建了两个页面，分布命名。点击中间的线就是选中了整个页面，点击文件\保存框架页，进行命名。左右两个页面分别选中再保存，操作一样。③点击中间的边框，就选中了整个页面，可以对整个页面的属性进行更改，可以移动中间的边框，也可以点击查看\可视化助理，勾选框架边框来显示或隐藏边框。④再分别更正左右两个页面的页面属性。
网页设计如何在背景图片上编辑文字
第一种、将背景图写在css中<style>.class{background: url("图片路径") no-repeat;}</style>接着就直接在html中写文字内容。第二种、写在html中<div class="screen"><div class="img"><img src="images/logo.png" alt=""></div><div class="intro intro--shown"><p>你的文字内容</p></div></div>css样式,.screen {position: relative;width: 1280px;height: 720px;overflow: hidden;}接着就是包裹的两个div,图片和文字.img {width: 100%;height: 100%;overflow: hidden;border-radius: 7px;position: absolute;}.intro {position: absolute;width: 100%;bottom: -5px;z-index: 20;}z-index: 20;就是可以将文字锁定在你图片的上方
网页设计段落的背景颜色怎么设置?
body { background-color:yellow; }h1 { background-color:#00ff00; }p { background-color:rgb(255,0,255); }background-color 属性设置元素的背景颜色。background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。所有浏览器都支持 background-color 属性。注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
网页设计固定背景图的代码
在<head>里的stytle里的body{}样式表里加入 background-attachment:fixed； 这个就行了 比如说： <style type="text/css"> <!-- body { background-image: url(1280imago001.jpg); background-repeat:no-repeat;background-attachment:fixed; } --> </style> 你试下
网页设计 看到很多背景图片很多张在一起的怎么使用？
那是图片截取方式css背景图代码有的background:url("../img/Rbut.gif") 100px 50px no-repeat;100px 截取从左向右100像素的距离之后的显示的部分50px 截取从上到下50像素的距离之后的显示的部分这两个参数等于是坐标
在网页设计中怎么让背景图片水平居中
CSS使网页背景图片居中的三种方法。1、第一种：用像素设定，很多都用这种，但是也是最麻烦的：<div style="width:800px;height:600px;background:url(图片地址) no-repeat 250px 270px;border:1px solid #cccccc;"></div> 2、第二种：用50%设定，很方便。<div style="width:800px;height:600px;background:url(图片地址) no-repeat 50% 50%;border:1px solid #cccccc;"></div> 3、第三种：用center设定（注：第2个center可以省略，因为默认就是center）。<div style="width:800px;height:600px;background:url(图片地址) no-repeat center center;border:1px solid #cccccc;"></div>
