① jsp頁面如何弄豎線
1、點格式——分欄（頁面布局——分欄），將頁面分為左右兩欄，欄寬根據需要設置。
2、「我的簡歷」底紋用自選圖形（插入形狀）——流程圖——卡片工具繪制（也可用任意多邊形繪制）；文字可右擊形狀，添加文字（或用文本框錄入後疊放在形狀上方）。
3、豎線和橫線都用繪圖工具的直線繪制。
4、電話圖標可插入圖片，或插入特殊字元中的電話形狀。
② jsp怎樣設計背景圖全屏
語法： background-repeat : repeat | no-repeat | repeat-x | repeat-y
參數：
repeat : 背景圖像在縱向和橫向上平鋪
no-repeat : 背景圖像不平鋪
repeat-x : 背景圖像在橫向上平鋪
repeat-y : 背景圖像在縱向平鋪
③ JSP系統背景圖片重復問題怎麼解決
可以獲取本機的屏幕大小
確定body背景的屬性
1）關鍵字：background-position: top right;
2）像素：background-position: 0px 0px;
3）百分比：background-position: 0% 0%;
頁面屬性
a {text-transform:none;text-decoration:none;} ///css裡面使用（鏈接沒下劃線）
link:鏈接顏色
alink：正在連接的顏色
vlink：已經點擊後的鏈接顏色
leftmargin ：頁面的左邊距
topmargin :頁面的上邊距。
bgproperties :背景圖片不隨下劃線的滾動而滾動、
④ 在JSP循環顯示不同的圖片怎麼做
可以參考下面的代碼，圖片你自己去替換自己的圖片，這個是用JS實現的循環圖片輪換展示的效果，在JSP里的話只要把CSS和JS代碼以及圖片的顯示代碼拷貝去粘貼就行了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>picsGlide</title>
<style type="text/css">
body{ font-size:12px; color:#333;}
#picBox{width:610px; height:205px; margin:50px auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:205px; width:3050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:205px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:0px; right:10px;}
#icon_num li{ float:left; background:url(/uploadfile/200912/28/FA15567738.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(/uploadfile/200912/28/FA15567738.gif) no-repeat 0 0; color:#fff;}
#picBox_top{width:610px; height:205px; margin:50px auto; position:relative; overflow:hidden;}
#picBox_top ul#show_pic_top{ margin:0; padding:0; list-style:none; height:205px; width:610px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left; margin:0; padding:0; height:205px;}
#picBox_top ul#show_pic_top li img{ display:block;}
#icon_num_top{ position:absolute; bottom:0px; right:10px;}
#icon_num_top li{ float:left; background:url(/uploadfile/200912/28/FA15567738.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num_top li:hover,#icon_num_top li.active{ background:url(/uploadfile/200912/28/FA15567738.gif) no-repeat 0 0; color:#fff;}
</style>
</head>
<body>
<div id="picBox">
<ul id="show_pic" style="left:0;">
<li><img src="/uploadfile/200912/28/4115569167.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/uploadfile/200912/28/B415569290.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/uploadfile/200912/28/CD15569699.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/uploadfile/200912/28/BC15569934.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/uploadfile/200912/28/AD15569748.jpg" width="610" height="205" alt="" title="" /></li>
</ul>
<ul id="icon_num">
<li class="active">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<script type="text/javascript">
/**
*glide.layerGlide((oEventCont,oSlider,sSingleSize,sec,fSpeed,point);
*@param auto type:bolean 是否自動滑動 當值是true的時候 為自動滑動
*@param oEventCont type:object 包含事件點擊對象的容器
*@param oSlider type:object 滑動對象
*@param sSingleSize type:number 滑動對象里單個元素的尺寸（width或者height） 尺寸是有point 決定
*@param second type:number 自動滑動的延遲時間 單位/秒
*@param fSpeed type:float 速率 取值在0.05--1之間 當取值是1時 沒有滑動效果
*@param point type:string left or top
*/
var glide =new function(){
function $id(id){return document.getElementById(id);};
this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){
var oSubLi = $id(oEventCont).getElementsByTagName('li');
var interval,timeout,oslideRange;
var time=1;
var speed = fSpeed
var sum = oSubLi.length;
var a=0;
var delay=second * 1000;
var setValLeft=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
};
var setValRight=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
}
function autoGlide(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(interval);
if(a==(parseInt(sum)-1)){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
a=0;
oSubLi[a].className="active";
interval = setInterval(setValLeft(a),time);
timeout = setTimeout(autoGlide,delay);
}else{
a++;
oSubLi[a].className="active";
interval = setInterval(setValRight(a),time);
timeout = setTimeout(autoGlide,delay);
}
}
if(auto){timeout = setTimeout(autoGlide,delay);};
for(var i=0;i<sum;i++){
oSubLi[i].onmouseover = (function(i){
return function(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(timeout);
clearInterval(interval);
oSubLi[i].className="active";
if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
interval = setInterval(setValLeft(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
interval = setInterval(setValRight(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}
}
})(i)
}
}
}
glide.layerGlide(true,'icon_num','show_pic',610,2,0.1,'left');
</script>
</body>
</html>
⑤ 如何給jsp頁面添加背景圖片
<body style="background:url(e:\\a.jpg)">
</body>
⑥ jsp頁面怎樣不平鋪，就是拉伸一下，一張圖片顯示在整個頁面上 不重復出現
這個只和背景圖片的css設置有關。background-repeat:
repeat
默認。背景圖像將在垂直方向和水平方向重復。
repeat-x
背景圖像將在水平方向重復。
repeat-y
背景圖像將在垂直方向重復。
no-repeat
背景圖像將僅顯示一次。
一般都是水平重復或者垂直重復，因為要兼容不同的窗口大小。
⑦ jsp中什麼讓一張圖片實現全屏且不重復『
jsp讓圖片實現全屏的方式如下代碼所示：
<template><div class="hello"></div></template><script>export default {name: "HelloWorld",data() {return {};}};</script><style scoped>.hello {background: url("../../../static/imagic/sy.jpg") no-repeat;height: 100%;width: 100%;background-size: cover;//全屏展示}</style>
background: url("../../../static/imagic/sy.jpg") ——圖片路徑的位置；
no-repeat—— 圖片不重復；
center 0px——center是距離頁面左邊的定位，0px是距離頁面上面的定位；
background-position: center 0——就是圖片的定位，同上；
background-size: cover;——把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中；
min-height: 100vh;——視窗的高度，「視區」所指為瀏覽器內部的可視區域大小，即window.innerWidth/ window.innerHeight大小
⑧ jsp頁面如何弄豎線
給<div id="left">加右邊框或者<div id="right">加左邊框
就是他們的border屬性