当前位置:首页> 快速建站资讯> 广州网站建设公司告诉你如何用CSS设计网页背景

广州网站建设公司告诉你如何用CSS设计网页背景

发布时间:2020-10-16 14:00:00

当你建立一个网站,你必须经常担心一些图片更适合你自己的网页背景。我认为有一些,因为这些照片不是太大或太小,或太凌乱。有没有办法让这些图片适合你的主页?答案是肯定的。你想知道如何实现它吗?你现在应该跟着我。我保证你会尽快学会的。不过,我想在网吧里“成家立业”一般分为网吧里的“创业”(跟我一样,我刚开始从别人的主页上拉相关代码),然后在自己家里用DW或FP等专业软件上传。因此,我打算分两步分别介绍它们。首先,我会想一想在网吧里“创业”的朋友,把他们简化我想介绍一些用DW4制作的背景样式。事实上,一切都是一样的,只是方式不同。好吧,我们少说闲话吧。我们开始谈正事吧。

·背景色我想我不需要做更多的事情。我想我们都知道颜色代码不是用英语代替的,也不是用指定的代码来表达的。默认值是透明的。示例:body{background-颜色:黄色}H1{背景色:#000000}

·背景图片背景图片HTML中背景图片和背景颜色的设置基本相同,可以通过在HTML中添加相关语句来完成。但在这里,我不是在说使用这种方法。我还在用CSS。背景图像的主要功能是显示图像。如果需要显示图像,只需在后面添加URL(图像的地址)。如果你不想显示它们,这是最简单的事情。您不需要执行任何操作,因为默认值为“无”,添加“无”也可以。示例:body{background-图片:url('file&:///C:/WINDOWS/背景.GIF')}h1{背景-图片:url('none')}

在使用背景图像时,经常会遇到一些图片因为太小,而产生各种麻烦,如图片重复出现,破坏整个页面的美感。如果你想用其他图片代替它,那是不合适的。但是现在,只要使用下面的CSS控件图像方法,那么以后就不会有这种麻烦了。

·背景重复有时是必要的,但有时却令人头痛。现在,这可以帮助您,它也可以帮助您控制图像的重复方式(水平、垂直和双向)。为了达到这三个方向的重复(重复,重复),然后重复(重复)这些方向(横向重复,重复)。当然,它可以控制画面的重复,也可以控制画面的不重复。不重复用于指示只显示一个背景图像,不重复。这不是默认值。默认设置是显示重复的背景图像。示例:body{background-图片:url('file&:///C:/WINDOWS/背景.GIF');背景-重复:不重复}

·背景位置一个背景图像经过上述设置后往往不够,因为当您使用上面的不重复显示设置时,图像只显示在页面的左上角,而不显示在其他地方。但是,如果要在中间或其他位置显示此背景图像,则“背景位置”可以帮助您,因为它用于显示图像相对于左上角的位置(默认值为0%0%),它由两个值设置,用空格分隔。它的主要值是左|中|右|上|中|下。也可以使用百分比值指定相对位置,或使用值指定位置。例如,50%的位置在中心,而水平值50px意味着图像从左上角水平移动50px。这里需要特别指出的是,当您设置该值时,只提供一个值,只指定水平位置,垂直位置自动设置为50%;2设置值为负数时,表示背景图像超出边界。示例:body{background-图片:url('file&:///C:/WINDOWS/背景.GIF');背景-重复:不重复;背景位置:100px10px}。