恩蓝科技 » 电脑 » 制作网页背景颜色(电脑网页背景颜色)

制作网页背景颜色(电脑网页背景颜色)

1. 制作网页背景颜色

在html中css代码:

background表示背景颜色;

相应的黑色颜色代码为#000

所以最终是:background:#000或者background-color:#000

2. 制作网页背景颜色代码

1、首先打开hbuilder软件,新建一个html文件,里面写入3个p标签,再在style标签中设置p标签的基本样式,包括间距,字体大小等属性:

2、然后在style标签中用3种方法设置文字颜色,第一个p标签用16进制设置颜色,每两个数字为一组,最大数字为ff,它们代表红绿蓝三种颜色;

第二种方法是rgba,也是红绿蓝三种颜色,只不过值变成了数字,最大为255表示颜色最鲜艳,比如把第一个设置为255就是最红:

3、第三个标签使用HSL色彩,其中H代表色调,值最大为360,0和360也是红色,其他颜色在中间;s是饱和度用百分比来表示,0%表示最暗,100%表示最亮;L表示亮度取值也是百分比;rgba和hlsa中a都表示透明度,取值在0.0到1.0之间,0.0是完全透明,1.0为完全不透明:

4、最后打开浏览器就能三种方法表示出的颜色 :

3. html网页制作怎么设置背景颜色

超链接下划线可以使用“text-decoration: none;”去除,颜色可以用“color”属性表示。

1、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色:

2、设置white类,添加“text-decoration: none;”和“color: #fff;”,这时超链接变成无下划线和白色:

3、设置black类,添加“text-decoration: none;”和“color: #000;”,这时超链接变成无下划线和黑色:

4. 制作网页背景颜色怎么改

在桌面单击鼠标右键,选择【个性化】-【控制面板主页】-【颜色管理】-【高级】-【更改系统默认值】-【高级】-【校准显示器】,依次点击【下一步】,在【调整颜色平衡】选项中拉动滑条校正电脑颜色,最后点击【下一步】-【确定】即可。

具体如下

01打开控制面板中的”显示” 选择外观(appearance)-高级(advanced),然后

在项目(items)那栏选窗口(windows),再点颜色(color)-其它(others),然后把Hue(色调)设为85,Sat(饱和度)设为90,Lum(亮度)设为205。然后单击 添加到自定义颜色(Add to custom colors),按“OK”…一直OK;

02

把窗口设成绿色之后,再来把IE的网页背景也变成养眼的绿色吧:打开IE,点击工具

(TOOLS),点INTERNET选项(INTERNET OPTIONS),点右下角的 辅助功能

(Accessibility),然后勾选 不使用网页中指定的颜色(ignore colors specified on web pages),然后点“OK”退出。

03

现在你就会发现你的屏幕已经变成淡淡的绿色了。这个颜色会比白色柔和许多,刚开始可能你还有些不适应,但确实对我们的眼睛有好处,建议大家试一下;

5. 制作网页背景颜色怎么弄

1、打开dreamweaver软件,点击新建html文件。

2、为了便于我们观察操作,我们采用拆分模式

3、我们在</head>标签下面输入<body bgcolor=" 这时我们会发现有很多颜色供我们选择,这里我们选择红色。最后不要忘了标签的闭合,即写成<body bgcolor="#FF0000">,这时发现背景变成了红色。

4、下面我们在下面加个标题,在<body>下面添加,添加内容随意。<h1>红色的背景</h1>

5、我们发现标题不居中,我们要求标题居中,在<h1>当中添加align="center"即<h1 align="center">红色的背景</h1>这时我们发现背景就居中了。

6、我们点开设计模式看下,红色的背景就跃然纸上,为网页添加背景颜色的任务就完成了。

6. 制作网页背景颜色的软件

一、菜鸟级网页制作软件 如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧!

1. Microsoft FrontPage 如果你曾对Word很熟悉,那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由FrontPage中的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。

2. Netscape编辑器 Netscape Communicator和Netscape Navigator Gold3.0版本都带有网页编辑器。如果你喜欢用Netscape浏览器上网,使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与FrontPage 2000还有些像?但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。 Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句,也可以弥补Netscape编辑器的一些不足。

3. Adobe Pagemill Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill的确是你的首选。 Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。

4. Claris Home Page 如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对Image Map图像的处理也不完全。

二、中级网页制作软件 如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。 ①DreamWeaver 自制动态HTML动画的网页 1.DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

2. Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小,它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系,可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

3. Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。#{6FLASH6}#可以用其生成动画,还可在网页中加入声音。这样你就能生成多媒体的图形和界面,而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程,但用其内置的语句并结合JavaScripe,您也可做出互动性很强的主页来。有人曾经说过:下个世纪的网络设计人不会用FLASH,必将被淘汰出局!我相信这句话没错!

4. HotDog Professional 制作要加入多种复杂技术的网页 HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。

5. HomeSite 制作可完全控制页面进程的网页 Allaire的HomeSite是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite是你最佳选择。不过对于生手过于复杂。

6. HotMetal Pro 制作具有强大数据嵌入能力的网页 HotMetal既提供“所见即所得”图形制作方式,又提供代码编辑方式,是个令各层次设计者都不至于失望的软件。但是初学者需要熟知HTML,才能得心应手地使用这个软件。HotMetal具有强大的数据嵌入能力,利用它的数据插入向导,可以把外部的Access、Word、Excel以及其他ODBC数据提出来,放入页面中。而且HotMetal能够把它们自动转换为HTML格式,是不是很棒?此外它还能转换很多老格式的文档(如WordStar等),并能在转换过程中把这些文档里的图片自动转换为GIF格式。 HotMetal为用户提供了“太多”的工具,而且它还可以用网状图或树状图表现整个站点文档的链接状况。

三、高级网页制作软件

1. Microsoft Visual Studio 该系列的版本有:2003、2005、2008和未来的版本; 适合开发动态的aspx网页,同时,还能制作无刷新网站、webservice功能等,仅适合高级用户。

2. Jbuilder 不论是各种版本,均适合使用其开发出JSP网页,仅适合高级用户。

3. 记事本 别以为记事本功能非常少,软件很简单;但是,如何想使用它来制作网页,也仅适合高级用户;因为在其内容,没有任何可视化的操作可直接制作网页,而只能编写各种HTML代码、CSS代码、JS代码和各种动态脚本,方能制作出网页来。

7. 制作网页背景颜色怎么设置

打开Word文档,点击设计。

点击页面背景中的页面颜色。

选择想要的颜色。

文档背景颜色就改变了。

8. 网页制作的背景颜色

1、用记事本或其他编辑工具打开网页源文件。

2、找到标签,在标签中加入 背景颜色及可以改成红色,可以把red改成需要的其他颜色的英文。

3、也可以使用RGB颜色代码来设置,如则背景为黑色,所有0都可以设置为0-F的16进制数来进行颜色调整。

9. 网页设计背景颜色

css中rgba()可以用来设置页面元素的颜色和透明度,rgba()颜色值是 RGB 颜色值的扩展,带有一个 alpha 通道,通过它即可实现设置元素的不透明度。

在 CSS3 中,增加了一个 opacity 属性,使用此属性可以设置元素的透明度。opacity属性具有继承性,会使容器中的所有元素都具有透明度;

10. 网页制作改变背景颜色

第一步, 在桌面上点击鼠标右键,依次点击“属性”、“外观”、“高级”按钮。

第二步, 在打开的“高级”对话框中,在“项目”下拉列表里选择“窗口”。

第三步, 再打开右边对应的“颜色”列表,选择其中的“其他”一项,在打开的对话框里,把“色调”的参数设置为85,把“饱和度”参数设置为90,把“亮度”参数设置为205。再点击“确定”退出设置。

第四步,打开ie浏览器,选择“工具”栏中的“internet选项”,点击“辅助功能”按钮,在“不使用网页中指定的颜色”前打钩。

全部步骤完成后,网页、文件夹、文本文档里的背景颜色都变成了绿色。其中,色调、饱和度和亮度的参数值,还可以根据个人的喜好稍作修改,让自己用电脑的候最舒服。

11. 网页制作设置背景颜色

1、打开ie浏览器,选择“工具”栏中的“internet选项”,点击“辅助功能”按钮,在“不使用网页中指定的颜色”前打钩。

2、在桌面上点击鼠标右键,依次点击“属性”,“外观”,“高级”按钮。在打开的“高级”对话框中,在“项目”下拉列表里选择“窗口”。

3、打开右边对应的“颜色”列表,选择其中的“其他”一项,在打开的对话框里,把“色调”的参数设置,把“饱和度”参数设置,把“亮度”参数设置。再点击“确定”退出设置。

相关文章