精华内容
下载资源
问答
  • CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家...

    http://www.divcss5.com/jiqiao/j768.shtml

     

    CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇

    本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家介绍各种情况下背景处理布局技巧。

    无论怎么设置背景都需要用到background样式,如果对background比较陌生可以进入http://www.divcss5.com/rumen/r125.shtml了解学习。

    一、网页单色背景   -   TOP

    如果纯颜色的网页背景,只需要对body设置background背景颜色即可

    1. body{background:#FFF} 

    设置网页背景为白色

    二、规律背景图片   -   TOP

    1、从上到下渐变横向相同背景

    渐变从上到下宽度全屏背景效果截图
    渐变从上到下宽度全屏背景效果截图

    这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图:

    切出这样一个竖条图片素材作为背景素材
    切出这样一个竖条图片素材作为背景素材

    1. body{background:#FFF url(bg.gif) repeat-x 0} 

    这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。

    2、水平平铺类背景图片
    比如2014版DIVCSS5网页,原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。

    切出这样一个竖条效果截图
    css切出这样一个竖条效果截图

    代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。

    三、不规律大图背景   -   TOP

    常常看到一些专题或形象网页,背景是一种非常大图片作为背景,而通常情况下宽屏和窄屏显示器都能显示铺满的全屏背景图片,就像图片能自适应宽度大小一样的。其实这种实现一样非常简单,将这张图片宽度美工设计足够大,比如市场上最宽显示屏分辨率宽度为2560像素,那么要让这样的宽屏显示器浏览此网页也能铺满全屏,那么你的这张背景图片就必须做成宽度大于或等于2560px宽度的,这样以来宽屏、窄屏显示器打开此网页都能铺满全屏,最小化、最大化、改变浏览器窗口打开背景图片都是全屏的居中的看上去就像背景图片自适应大小一样。

    关键:全屏自适应背景图片关键是图片做足够宽,以最宽分辨率显示屏能都铺满,小分辨率自然就更是铺满。同时需要设置这样背景图片作为body背景后需要居中。

    假如这张背景图片为:bg.jpg
    设置CSS代码:

    1. body{background: url(bg.jpg) no-repeat center 0} 

    代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示

    四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变   -   TOP

    这里DIVCSS5为大家介绍两种常见头部和底部不同背景图片技巧设置布局方法。

    1、头部和版权图片
    这种直接将头部背景图片设置为body背景居中靠上显示,底部版权地方DIV设置宽度100%;同时设置此背景图片背景颜色

    1. body{background: url(bg.jpg) no-repeat center 0} 
    2. #footer{margin:0 auto;width:100%;background: url(ft-bg.jpg) no-repeat center 0} 

    这样即可实现头部底部背景不同,同时不受内容多少高度影响。

    2、网页靠顶部上背景图与固定底部靠下背景图
    而靠底部背景图片远超出了版权底部盒子高度。

    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图
    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图

    这样的结构上下不同图片,不随中间内容增高减少影响背景布局,通常对html标签和body设置背景即可实现。

    假如顶部深蓝背景图片为“top.jpg”,底部浅蓝背景图片为“foot.jpg”

    DIV CSS设置网页背景关键CSS代码

    1. html{background: url(top.jpg) no-repeat center 0} 
    2. body{background: url(foot.jpg) no-repeat center bottom} 

    解释:设置深蓝背景图片为html背景水平居中靠上;设置浅蓝背景图片为body背景图片水平居中靠下。

    以上是DIVCSS5总结常见几种网页背景布局设置,灵活设置不管对body、html、div均能设置背景实现自己要的背景效果,如果对div设置为这个网页背景,那这个DIV高度就不能设置(默认自动)、div宽度设置100%即可。

    如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j768.shtml

    转载于:https://www.cnblogs.com/zhangjingyun/p/5110297.html

    展开全文
  • 设置当前网页为浏览器首页

    千次阅读 2016-03-03 14:06:27
    设置当前网页为浏览器首页,简单实现。

    设置浏览器主页,在IE浏览器中点击效果如下:


    在火狐浏览器中效果如下:


    要成功设置首页可能要把一些杀毒软件和软件管家之类(例如360之类)的关闭。

    简单的代码实现如下:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>设置浏览器主页</title>
    		<script type="text/javascript">
    			var Yl = {
    				setHome: function(obj, hostname) {
    					if (!Browser.isIE) {
    						alert("您的浏览器不支持自动设置主页,请使用浏览器菜单手动设置。或使用'Ctrl+D'进行添加到收藏夹。")
    						return;
    					}
    					var host = hostname;
    					if (!host) {
    						host = window.location.href;
    					}
    					obj.style.behavior = 'url(#default#homepage)';
    					obj.setHomePage(host);
    				}
    			}
    			Browser = (function() {
    				var H = navigator.userAgent,
    					F = 0,
    					E = 0,
    					I = 0,
    					D = 0,
    					A = 0,
    					_ = 0,
    					C = 0,
    					B;
    				if (H.indexOf("Chrome") > -1 && /Chrome\/(\d+(\.d+)?)/.test(H)) C = RegExp.$1;
    				if (H.indexOf("Safari") > -1 && /Version\/(\d+(\.\d+)?)/.test(H)) F = RegExp.$1;
    				if (window.opera && /Opera(\s|\/)(\d+(\.\d+)?)/.test(H)) I = RegExp.$2;
    				if (H.indexOf("Gecko") > -1 && H.indexOf("KHTML") == -1 && /rv\:(\d+(\.\d+)?)/.test(H)) A = RegExp.$1;
    				if (/MSIE (\d+(\.\d+)?)/.test(H)) D = RegExp.$1;
    				if (/Firefox(\s|\/)(\d+(\.\d+)?)/.test(H)) _ = RegExp.$2;
    				if (H.indexOf("KHTML") > -1 && /AppleWebKit\/([^\s]*)/.test(H)) E = RegExp.$1;
    				try {
    					B = !!external.max_version
    				} catch ($) {}
    
    				function G() {
    					var _ = false;
    					if (navigator.plugins)
    						for (var B = 0; B < navigator.plugins.length; B++)
    							if (navigator.plugins[B].name.toLowerCase().indexOf("shockwave flash") >= 0) _ = true;
    					if (!_) {
    						try {
    							var $ = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
    							if ($) _ = true
    						} catch (A) {
    							_ = false
    						}
    					}
    					return _
    				}
    				return ({
    					isStrict: document.compatMode == "CSS1Compat",
    					isChrome: C,
    					isSafari: F,
    					isWebkit: E,
    					isOpera: I,
    					isGecko: A,
    					isIE: D,
    					isFF: _,
    					isMaxthon: B,
    					isFlash: G(),
    					isCookie: (navigator.cookieEnabled) ? true : false
    				})
    			})()
    		</script>
    	</head>
    	<body>
    		<a οnclick="Yl.setHome(this,this.href); return false;" target="_self" href="#">把当前页设为主页</a>
    	</body>
    
    </html>


    展开全文
  • dreamweaver cs5怎么给网页添加设置为主页的按钮?在浏览网页的时候,发现网页都有设置为主页的链接或按钮,在dw设置网页的时候怎么添加设置为主页的按钮,下面我们就来看看详细的教程,需要的朋友可以参考下
  • DW设置网页链接

    千次阅读 2019-02-15 21:13:28
    DW设置网页链接html部分代码如下: !doctype html html head meta charset=“utf-8” link rel=“stylesheet” href=“css/SYNR.css” title无标题文档/title /head body div id=“div1"img src=“images/tu2....

    DW设置网页链接html部分代码如下:
    !doctype html
    html
    head
    meta charset=“utf-8”
    link rel=“stylesheet” href=“css/SYNR.css”
    title无标题文档/title
    /head
    body
    div id=“div1"img src=“images/tu2.jpg” alt=”"/div
    div class=“synr”
    div class=“dlsf”
    p欢迎使用苏凡推荐WIN7系统下载点/p
    /div
    div class=“wz”
    a href=“http://www.dhghost.cn/”>电脑公司WIN7/a
    /div
    div class=“tupian”
    a href=“http://www.ylmfeng.com/”>雨林木风WIN7/a
    /div
    /div
    /body
    /html
    DW设置网页链接CSS部分代码如下:
    @charset “utf-8”;
    /* CSS Document */
    .synr{
    width: 100%;
    height: 40px;
    }
    p{
    text-align:center;
    }
    img{
    opacity: 1;
    }
    div#div1{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    }
    div#div1>img{
    height: 100%;
    width: 100%;
    border: 0;
    }
    效果图如下:
    图1是没有点击之前
    在这里插入图片描述
    图2是点击后:
    在这里插入图片描述图2

    展开全文
  • 网页设置首页代码

    2013-04-19 18:02:26
    适合初学者哦!第一次上传,所以缺金币哦!常来逛逛吧
  • 代 码 ('http://www.helpor.net','网页特效集锦')" title="网页特效集锦">收藏本站</span> ◆设为首页 说 明 点击即可把你的网站设置为浏览器的起始页 代 码 ;this.style.behavior='url(#default#homepage)'; ...
  • 主要介绍了spring boot 中设置默认网页的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 现在很多项目都是混合开发,在webview加载网页时,为了提高用户体验,需要给用户展示网页的加载进度,因此在webview中加入进度条显示加载进度,还有一个就是很多H5并没有写自己的返回键,很多时候需要安卓这边写返回...

    现在很多项目都是混合开发,在webview加载网页时,为了提高用户体验,需要给用户展示网页的加载进度,因此在webview中加入进度条显示加载进度,还有一个就是很多H5并没有写自己的返回键,很多时候需要安卓这边写返回键返回上一层网页或者是退出webview所在activity。
    运行效果如下:
    这里写图片描述
    1、webview所在activity布局:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
    
        <include layout="@layout/web_title_bar" />
        <ProgressBar
            android:id="@+id/progressBar"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="3dp"
            android:layout_below="@+id/web_title_bar"
            android:progressDrawable="@drawable/pg"
            android:visibility="gone"
            <!--ProgressBar设置只有在加载过程中才会显示,所以初始状态是gone-->
            />
        <WebView
            android:id="@+id/webView"
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/progressBar"/>
    
    </LinearLayout>

    2、ProgressBar 的布局,应该放在drawable目录下面:

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    
        <item android:id="@android:id/background">
            <shape>
                <corners android:radius="2dp" />
                <gradient
                    android:angle="270"
                    android:centerColor="#E3E3E3"
                    android:endColor="#E6E6E6"
                    android:startColor="#C8C8C8" />
            </shape>
        </item>
        <item android:id="@android:id/progress">
            <clip>
                <shape>
                    <corners android:radius="2dp" />
                    <gradient
                        android:centerColor="#191970"
                        android:endColor="#00008B"
                        android:startColor="#0000CD" />
    
                </shape>
            </clip>
        </item>
    
    </layer-list>

    3、web_title_bar的布局:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:background="@color/app"
        android:id="@+id/title_bar">
    
        <TextView
            android:id="@+id/web_return"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:gravity="center"
            android:padding="10dp"
            android:text="返回"
            android:textColor="@color/white"
            android:textSize="@dimen/result_text" />
        <TextView
            android:id="@+id/web_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_gravity="center"
            android:gravity="center"
            android:text="测试"
            android:textColor="@color/white"
            android:textSize="20sp" />
    </RelativeLayout>

    4、webview所在activity逻辑:

    package com.xdf.education.bpmprojectcode.activity;
    
    import android.app.Instrumentation;
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.view.KeyEvent;
    import android.view.View;
    import android.webkit.WebChromeClient;
    import android.webkit.WebViewClient;
    import android.widget.ProgressBar;
    import android.widget.TextView;
    import com.xdf.education.bpmprojectcode.R;
    
    
    /**
     * Created by wds on 2017/7/17.
     */
    
    public class WebView extends AppCompatActivity implements View.OnClickListener{
    
        private android.webkit.WebView webView=null;
        private ProgressBar pg;
        TextView web_return=null;
    
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_topuptixan_web);
    
    
            String url = "https://www.baidu.com/";//测试访问百度首页
    
            webView = (android.webkit.WebView) this.findViewById(R.id.webView);
            pg=(ProgressBar) findViewById(R.id.progressBar);
    
            webView.getSettings().setJavaScriptEnabled(true);//支持JS
            web_return=(TextView)findViewById(R.id.web_return);//获取返回键
            webView.loadUrl(url);
            init();
            web_return.setOnClickListener(this);//自己设置的返回键和设置点击事件
        }
    
    
        private void init() {
    
    
            webView.setWebViewClient(new WebViewClient(){
                @Override
                public boolean shouldOverrideUrlLoading(android.webkit.WebView view, String url) {
                    view.loadUrl(url);
                    return true;
                }}
            );
    
            webView.setWebChromeClient(new WebChromeClient(){
                @Override
                public void onProgressChanged(android.webkit.WebView view, int newProgress) {
                    if(newProgress==100){
                        pg.setVisibility(View.GONE);//加载完网页进度条消失
                    }
                    else{
                        pg.setVisibility(View.VISIBLE);//开始加载网页时显示进度条
                        pg.setProgress(newProgress);//设置进度值
                    }
                }}
    
            );
    
        }
    
    
        //设置手机物理返回键动作(防止按返回键直接退出程序)
        @Override
        public boolean onKeyDown(int keyCode, KeyEvent event) {
            // TODO 自动生成的方法存根
            if(keyCode==KeyEvent.KEYCODE_BACK) {
                if((keyCode == KeyEvent.KEYCODE_BACK) && webView.canGoBack()) {//当webview不是处于第一个页面时,返回上一个页面
                    webView.goBack();
                    return true;
                }
    
    
            }
            return super.onKeyDown(keyCode, event);
        }
    
    
        @Override
        public void onClick(View view) {
            switch (view.getId()) {
                case R.id.web_return:
                    actionKey(KeyEvent.KEYCODE_BACK);//调用actionKey方法并传人对应参数
                    break;
        }
        }
        //设置自定义返回键动作
        public void actionKey(final int keyCode) {
            new Thread () {
                public void run () {
                    try {
                        Instrumentation inst=new Instrumentation();
                        inst.sendKeyDownUpSync(keyCode);
                    } catch(Exception e) {
                        e.printStackTrace();
                    }
                }
            }.start();
        }
    }

    如果大家有更好的效果或者是代码哪里有问题欢迎指点

    展开全文
  • 设置你的网页主页

    2007-05-30 08:14:00
    网页的访问者记住你的网页的一个办法就是将你的网页设置主页 script language = "JavaScript">function my_homepage() { this.homepage.style.behavior = url(#default#homepage); this.homepage....
  • 设置网页地址栏中的小图标

    千次阅读 2014-10-04 13:30:07
    网页中如何设置网页地址栏中的小图标: 下面我们就讲讲:     这两个代码的作用。 在浏览器地址栏有csdn有一个"圆圈"图标 如何在自己的jsp网页之中设置? 通常做法是: 要预先制作一个图标...
  • 网页中如何设置网页地址栏中的小图标
  • 网页设计小白一坨,想归纳一下网页背景图的设置的各种方法,现在肯定方法很基础贫瘠,以后通过不断学习会不断更新的……莫欺少年挫…… 直接在HTML的&lt;body&gt;标签里使用backgroud属性设置整个网页背景 ...
  • 通过CSS样式设置网页的最小宽度,下面的样式将网页的最小宽度固定为600px html代码,将所有的内容都放到id=container的容器内 复制代码代码如下: <body> ”container”> CSS样式代码,指定最小宽度为600,...
  • 如何设置浏览器启动默认网页

    千次阅读 2014-04-10 09:56:13
    最近发现自己的浏览器启动后...找了好长时间也没有解决,设置主页也不行。 后来上网查答案时无意右击浏览器图标查看属性,发现快捷方式后面的带了参数。 只要把参数改为自己想要的url,就能做到打开浏览器启动该url。
  • vue2 设置网页title的问题

    千次阅读 2017-11-07 12:14:03
    关于vue2设置标题推荐使用vue-wechat-title插件 npm install vue-wechat-title --save 下 看后我的使用方式 1. 在 main.js 中 import VueWechatTitle from 'vue-wechat-title'; Vue.use(VueWechatTitle...
  • 主要是管理员登陆后台的设置, 包括登陆样式等;只有一个html东西
  • 家 这是为了建立我自己的网页,目前有1个测试网站。
  • 设置步骤: 在根目录下找到并打开index.html文件; 设置的图标需要存放在static文件夹下(亲测存放在改文件夹下浏览器才可以找到); 在index.html → head → title标签里修改自己想要的名称; 然后在head下引入...
  • YII中设置网页的标题

    千次阅读 2014-10-09 14:17:58
    <p>1.在控制器里面</p><div> public function actionIndex() ... $this->pageTitle = '首页 - '.Yii::app()->name; ?> 2.在views视图里面  <title><?php echo CHtml::encode($this->pageTitle); ?>
  • 下面本篇文章就给大家介绍css设置网页背景图片的方法,希望对大家有所帮助。在CSS中,可以使用background-image属性和background属性来设置背景图片。background-image属性用于设置一个元素的背景图像;元素的背景是...
  • iis设置打开默认网页

    千次阅读 2018-04-12 21:16:13
    &lt;defaultDocument&gt; &lt;files&gt; &lt;add value="DreyeOnlineTestPage.html" /&gt; &lt;...增加了5行代码,打开ip地址就是默认的网页了。太方便粗
  • 很多时候,我们在做主页时会忽略了网页头部属性的设置网页头部属性是指 Html 文件中被Head> 标识符所作用的区域,Html 文件的头部信息包括了对当前文件一些信息的收集,对 <Head> 区的属性进行修改后,不会直接...
  • 默认浏览器和网页设置

    千次阅读 2013-11-08 11:10:15
    现在我总结一下对默认浏览器和默认网页设置方法。   首先设置IE浏览器主页的锁定,锁定主页可以防止木马恶意篡改,这里可以利用360安全卫士进行修改,方法如图所示  然后介绍一下各种常用浏览器的主页设置:...
  • 动态设置网页Description和Keywords

    千次阅读 2011-09-21 09:41:30
    public static void SetMetaDescription(string str) { for (int i = 0; i ; i++) {
  • 网页中如何设置网页地址栏中的小图标 网页中如何设置网页地址栏中的小图标:(推荐在线制作:http://free.logomaker.cn/tools/icoMaker.aspx )下面我们就讲讲:      这两个代码的作用。 在浏览器...
  • Apache-网页密码设置

    千次阅读 2013-10-23 13:31:52
    在Linux或UNIX下的Apache 服务器中给网页设置密码---这是一种很简单的基于用户名/口令的认证方式,当我们在浏览器中访问经此认证模式保护的URL链接时,将会出弹出一个对话框,要求用户键入用户名和口令。用户输入后...
  • 网页标志ico如何设置? 地址栏标志favicon.ico?  如何让网站的图标出现在地址栏上? 在收藏夹和地址栏前面添加ICO图标?  如:百度,163,新浪等.如图 :37计favicon图标裁图.    37计的favicon图标地址...
  • 如何利用SEO技术设置文章网页标题

    千次阅读 2016-10-18 17:44:54
     做SEO优化的朋友都知道一个基本原则,那就是网站最核心的权重排名就是集中在网站首页,而影响排名最大的因素就是网站标题,一个设置标题得当的网站,如果关键字竞争不是很大,只要被搜索引擎收录,即便不做任何...
  • 将图片设置网页的背景

    千次阅读 2017-11-05 19:36:24
    在body添加被背景给body添加css属性background-repeat: no.../*设置图片不平铺*/ background-size:100% 100%;/*设置图片的大小,浏览器的宽高*/ background-attachment:fixed;/*设置图片固定,不跟据页面的拉动而拉动*/
  • &lt;meta/&gt;标记描述页面相关属性,...// 网页10秒后刷新 &lt;meta http-equiv="refresh" content="10"&gt;  // 让网页一直刷新 &lt;meta http-equiv="refresh"

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 127,306
精华内容 50,922
关键字:

怎么设置网页首页