2、其次在左侧的computed下，调整模块的样式（这里的调整不会改变代码，刷新页面就复原了）；能调整模块大小、在整个页面的位置等，其他的可在style下改。下面截图中的就代表了选中的模块在页面的一些参数，红框框住的地方都可以修改，浏览器会同步调整页面样式，我们可以看到修改后的样式，非常直观。
3、然后样式改的满意后，通过修改后的元素（截图中的按钮），进入style中对应的style代码；把这段代码复制上。
4、最后要改样式的div起一个id，在style标签中按下图中的格式，把从浏览器上复制下的代码粘贴在这里，页面就变成想要的样式。
代码如下：
<style type="text/css" media="all">
#aa{ height:300pxwidth:300pxmargin:o auto}
#a1{ height:250pxwidth:300pxborder:1px solid #0099CCcolor:#000000font-size:18px}
#a2{ height:50pxwidth:300px}
</style>
<script type="text/javascript">
function bb(o){
var dom = document.getElementById("a1")
if(parseInt(o)==1){
dom.style.cssText = "background-color:#009900"
}else if(parseInt(o)==2){
dom.style.cssText = "background-color:#FFFF00"
}else{
dom.style.cssText = "background-color:#FF0000"
}
}
</script>
</head>
<body>
<div id="aa">
<div id="a1">div中的字体哦</div>
<div id="a2">
<input type="button" value="点击1" onclick="bb(1)" />
<input type="button" value="点击2" onclick="bb(2)" />
<input type="button" value="点击3" onclick="bb(3)" />
</div>
</div>
</body>
补充说明：
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他 *** 作系统上运行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）