河南省通许网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

发表日期： 2022-05-30 12:32:15 浏览次数：105

网站建设.png

开封西瓜，河南省开封市特产，全国农产品地理标志。

开封西瓜种植历史悠久，始于五代，广种于宋，已有1000多年栽培历史开封西瓜开封西瓜分黑皮、青皮（网状）、条纹及黄皮等多种皮色及多个品种，果形有椭圆、圆形、长椭圆形等，果个整齐均匀，果面光亮清晰。瓜瓤呈均匀一致的鲜红色、黄色，果内结构松紧适度，清香爽口，无异味，汁多籽少或无籽，无粗纤维，香甜适度，耐贮运。

2009年04月15日，中华人民共和国农业部正式批准对“开封西瓜”实施农产品地理标志登记保护。 [16]

风景名胜编辑播报

曹植墓

为三国魏陈思王曹子建之墓。位于通许县长智镇前七步村，曹植墓丘原来十分高大，为一巨型土冢，后来由于黄河泥沙淤积及百姓取土，逐渐缩小为一圆形土丘，明万历年间（1580年），当年建祠时所立《通许县创建陈思王陵祠记》之石碑尚在，1997年，曹植墓列入国家旅游局“三国战略旅游线”，2000年划为省级文物保护单位。

古遗址

上仓城故址，位于通许县城西4千米的后城耳岗村，下仓城故址：位于通许县城北10公里之小城村，五代时期后周周世宗（954—959）柴荣在此建仓，以存江浙水运而来的米粮。

从春秋至秦，通许境内曾建有牛首城（春秋郑邑，在县城东北）、石仓城（郑庄公筑此城积仓粟，在开封东南，县城西）、斗城（春秋时郑地，在县城东北10余公里处）、裘氏城（秦邑，在县东3公里苗岗一带），以上遗址。

东水沃遗址位于县城北1公里东水沃村，1984年8月，县文化普查时发现出土文物有新石器时代的石锄、灶台和战国时期的斗、鬲等器物。 [17]

欧阳岗战斗旧址

欧阳岗战斗是抗日战争时期在欧阳岗村发生的一场比较重要的战斗。 [18]

荣誉称号编辑播报

2009年，通许县入选全国新型农村社会养老保险试点县。 [12]

2013年3月，通许县入选2013年全国农村土地承包经营权登记试点地区。 [20]

2013年6月，通许县入选河南省双拥模范县。 [14]

2017年，通许县入选国家出口食品农产品质量安全示范区。 [11]

2019年7月，通许县入选第二批河南省食品安全示范县。 [9]

2019年11月，通许县入选第二批节水型社会建设达标县。 [2]

2019年12月，2019年重新确认河南省卫生县城。 [13]

2020年1月，通许县入选全国第四批率先基本实现主要农作物生产全程机械化示范县。 [5]

2020年3月，通许县入选2019年河南省文明城市提名城市。 [15]

2021年5月，通许县入选2020年开封市依法行政考核优秀

CSS 多重背景

CSS 允许您通过 background-image 属性为一个元素添加多幅背景图像。

不同的背景图像用逗号隔开，并且图像会彼此堆叠，其中的第一幅图像最靠近观看者。

下面的例子有两幅背景图像，第一幅图像是花朵（与底部和右侧对齐），第二幅图像是纸张背景（与左上角对齐）：

实例

#example1 {
  background-image: url(flower.gif), url(paper.gif);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat;}

亲自试一试

多重背景图像可以使用单独的背景属性（如上所述）或 background 简写属性来指定。

下面的例子使用 background 简写属性（结果与上例相同）：

实例

#example1 {
  background: url(flower.gif) right bottom no-repeat, url(paper.gif) left top repeat;}

亲自试一试

CSS 背景尺寸

CSS background-size 属性允许您指定背景图像的大小。

可以通过长度、百分比或使用以下两个关键字之一来指定背景图像的大小：contain 或 cover。

下面的例子将背景图像的大小调整为比原始图像小得多（使用像素）：

Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

这是代码：

实例

#div1 {
  background: url(img_flower.jpg);
  background-size: 100px 80px;
  background-repeat: no-repeat;}

亲自试一试

background-size 的其他两个可能的值是 contain 和 cover。

contain 关键字将背景图像缩放为尽可能大的尺寸（但其宽度和高度都必须适合内容区域）。这样，取决于背景图像和背景定位区域的比例，可能存在一些未被背景图像覆盖的背景区域。

cover 关键字会缩放背景图像，以使内容区域完全被背景图像覆盖（其宽度和高度均等于或超过内容区域）。这样，背景图像的某些部分可能在背景定位区域中不可见。

下面的例子展示了 contain 和 cover 的用法：

实例

#div1 {
  background: url(img_flower.jpg);
  background-size: contain;
  background-repeat: no-repeat;}#div2 {
  background: url(img_flower.jpg);
  background-size: cover;
  background-repeat: no-repeat;}

亲自试一试

定义多个背景图像的尺寸

在处理多重背景时，background-size 属性还可以接受多个设置背景尺寸的值（使用逗号分隔的列表）。

下面的例子指定了三幅背景图像，每幅图像有不同的 background-size 值：

实例

#example1 {
  background: url(tree.png) left top no-repeat, url(flower.gif) right bottom no-repeat, 
  	url(paper.gif) left top repeat;
  background-size: 50px, 130px, auto;}

亲自试一试

全尺寸背景图像

现在，我们希望网站上的背景图像始终覆盖整个浏览器窗口。

具体要求如下：

用图像填充整个页面（无空白）
根据需要缩放图像
在页面上居中图像
不引发滚动条

下面的例子显示了如何实现它：使用 <html> 元素（<html> 元素始终至少是浏览器窗口的高度）。然后在其上设置固定且居中的背景。最后使用 background-size 属性调整其大小：

实例

html {
  background: url(img_man.jpg) no-repeat center fixed; 
  background-size: cover;}

亲自试一试

Hero Image

您还可以在 <div> 上使用不同的背景属性来创建 Hero Image（带有文本的大图像），并将其放置在您希望的位置上。

实例

.hero-image {
  background: url(img_man.jpg) no-repeat center; 
  background-size: cover;
  height: 500px;
  position: relative;}

亲自试一试

CSS background-origin 属性

CSS background-origin 属性指定背景图像的位置。

该属性接受三个不同的值：

border-box - 背景图片从边框的左上角开始
padding-box -背景图像从内边距边缘的左上角开始（默认）
content-box - 背景图片从内容的左上角开始

下面的示例展示了 background-origin 属性：

实例

#example1 {
  border: 10px solid black;
  padding: 35px;
  background: url(flower.gif);
  background-repeat: no-repeat;
  background-origin: content-box;}

亲自试一试

CSS background-clip 属性

CSS background-clip 属性指定背景的绘制区域。

该属性接受三个不同的值：

border-box - 背景绘制到边框的外部边缘（默认）
padding-box - 背景绘制到内边距的外边缘
content-box - 在内容框中绘制背景

下面的例子展示了 background-clip 属性：

实例

#example1 {
  border: 10px dotted black;
  padding: 35px;
  background: yellow;
  background-clip: content-box;}

亲自试一试

CSS 高级背景属性

属性	描述
background	用于在一条声明中设置所有背景属性的简写属性。
background-clip	规定背景的绘制区域。
background-image	为一个元素指定一幅或多幅背景图像。
background-origin	规定背景图像的放置位置。
background-size	规定背景图像的大小。

河南省通许网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

上一页：网站建设(河南省通许网站建设服务中心) - 上往建站

下一页：河南省新安网站建设-新安网络公司-优化-制作-设计推广-新安网站建设服务中心