利用CSS将页面背景设置成黑色,文字颜色为白色

html-css053

利用CSS将页面背景设置成黑色,文字颜色为白色,第1张

(其实在你一张幻灯片也没有的时候每新建一张背景都是白色,字体是黑色)如果你已经编辑了很多张,可以通过母版实现批量白色背景。母版在哪里?视图-》母版-》幻灯片母版-》在工作窗的空白区域-》右击-》背景-》背景填充里选择白色-》再在背景填充里点击全部或部分应用就设置好了白色背景。如下图:字体颜色的修改:在幻灯片的普通视图中,左侧有大纲/幻灯片两个级别你选择大纲级别,然后在大纲视图中全选所有幻灯片再设置字体颜色为黑色,然后你会发现所有幻灯片的字体颜色都是黑色了。至于某些幻灯片的字体颜色修改你只需要在大纲中选择需要的幻灯片。。。。。

给个参考

<html>

<head>

<style type="text/css">

</style>

</head>

<body>

//背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色) //背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色)

<input type="button" value="点击这里" onclick="sAlert()" />

<script type="text/javascript" language="javascript">

function sAlert(){

var msgw,msgh,bordercolor

msgw=250//提示窗口的宽度

msgh=100//提示窗口的高度

bordercolor="#336699"//提示窗口的边框颜色

titlecolor="#99CCFF"//提示窗口的标题颜色

//背景层(大小与窗口有效区域相同,即当弹出对话框时,背景显示为放射状透明灰色)

var bgObj=document.createElement("div")//创建一个div对象(背景层)

//定义div属性

bgObj.setAttribute("id","bgDiv")

bgObj.style.position="absolute"

bgObj.style.top="0"

bgObj.style.background="#777"

bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"

bgObj.style.opacity="0.6"

bgObj.style.left="15%"

bgObj.style.width="85%"

bgObj.style.height="100%"

bgObj.style.zIndex = "10000"

document.body.appendChild(bgObj)//在body内添加该div对象

var msgObj=document.createElement("div")//创建一个div对象(提示框层)

//定义div属性,即相当于

msgObj.setAttribute("id","msgDiv")

msgObj.setAttribute("align","center")

msgObj.style.background="white"

msgObj.style.border="1px solid " + bordercolor

msgObj.style.position = "absolute"

msgObj.style.left = "65%"

msgObj.style.top = "50%"

msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"

msgObj.style.marginLeft = "-225px"

msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"

msgObj.style.width = msgw + "px"

msgObj.style.height =msgh + "px"

msgObj.style.textAlign = "center"

msgObj.style.lineHeight ="25px"

msgObj.style.zIndex = "10001"

var title=document.createElement("h4")//创建一个h4对象(提示框标题栏)

//定义h4的属性,即相当于

//<h4 id="msgTitle" align="right" style="margin:0 padding:3px background-color:#336699 filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100) opacity:0.75 border:1px solid #336699 height:18px font:12px Verdana,Geneva,Arial,Helvetica,sans-serif color:white cursor:pointer" onclick="">关闭 </h4>

title.setAttribute("id","msgTitle")

title.setAttribute("align","right")

title.style.margin="0"

title.style.padding="3px"

title.style.background=bordercolor

title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100)"

title.style.opacity="0.7"

title.style.border="1px solid " + bordercolor

title.style.height="12px"

title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"

title.style.color="white"

title.style.cursor="pointer"

title.innerHTML="关闭"

title.onclick=removeObj

function removeObj(){//点击标题栏触发的事件

document.body.removeChild(bgObj)//删除背景层Div

document.getElementById("msgDiv").removeChild(title)//删除提示框的标题栏

document.body.removeChild(msgObj)//删除提示框层

}

document.body.appendChild(msgObj)//在body内添加提示框div对象msgObj

document.getElementById("msgDiv").appendChild(title)//在提示框div中添加标题栏对象title

var txt=document.createElement("p")//创建一个p对象(提示框提示信息)

txt.style.margin="1em 0"

txt.setAttribute("id","msgTxt")

txt.innerHTML='key:<input type="test" name="psd" /><br><input type ="button" value = "send" onclick= removeObj() >'

document.getElementById("msgDiv").appendChild(txt)//在提示框div中添加提示信息对象txt

}

</script>

</body>

</html>

黑边的话,可能是你设置了背景颜色

你可以把你的css样式改成如下(背景色去掉):

background: url('../images/bg_1.png') no-repeat scroll top center

以上,你可以试试,谢谢!