> 웹 프론트엔드 > HTML 튜토리얼 > CSS 设置字体环绕图片效果_html/css_WEB-ITnose

CSS 设置字体环绕图片效果_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 11:33:48
원래의
1142명이 탐색했습니다.

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Cache-Control" content="no-siteapp"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <link rel="alternate" media="handheld" href="#">    <title>植物志</title>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <meta name="description" content="植物志">    <link rel="stylesheet" href="jackStyle.css"></head><body class="width-100 white" style="background-color:#3f3b3a;margin:0px;padding;0px;">  <div class="position-relative bgcolor-white text-right padding-bottom padding-top-80p">    <img  class="padding width-40 position-absolute border-radius-1000 left"   style="max-width:90%" src="images/1.png" alt="CSS 设置字体环绕图片效果_html/css_WEB-ITnose" >    <div class="width-60 display-inline-block"></div>    <div class="bgcolor-green width-40 text-center padding display-inline-block">      <span class="font-size-20p">天 然 次 生 林</span><br>      <span class="font-size-8p" style="text-align: center;display: -webkit-inline-box;-webkit-transform:scale(0.8);">Natural secondary forest</span></div>  </div>  <div class="padding-left" style="margin-top:40px;">    <div class="line-height-1_5em">花山天然次生林群落在华东地区同等地带类型中罕见。游子山森林公园地处苏浙皖交界的独特地理位置,其山系有天目山余脉植被组成与南京又稍显不同。所属植物自然区系属泛北极植物区,中国-日本森林植物亚区的华东地区,亚热带常绿阔叶林区域,东部湿润常绿阔叶林亚区域,北亚热带常绿、落叶阔叶林的混交林地带,江淮丘陵栎类、苦槠、马尾松林区,具有起源古老、植物种类丰富、南北成分兼有、亚热带植被性质显著等特点。      <img  class="float-left width-50 padding-right padding-top" src="images/2.jpg" alt="CSS 设置字体环绕图片效果_html/css_WEB-ITnose" >      受温暖湿润的亚热带气候影响,该区植被具有暖温带和亚热带的双重特点,植物种类为同类型地带之冠。暖温带成分组成了该区森林的建群种和优势种,但也可见具有明显亚热带特征的种,如崖椒、大青、紫珠、檫木、冬青、野鸦椿、豆腐柴、吴茱萸等,是该地区重要的物种基因库和城市生物多样性保护基地之一。尤其花山天然次生林,经过四百多年进展演替的进程不断发生树种更替,原始群落中的主要种类(如榉树,榆树、朴树等)开始出现,该次生林已由不稳定演替并达到相对稳定的类型,是江苏演替历史最长的天然次生林群落,在华东地区同等地带类型中罕见,是研究亚热带常绿阔叶林与落叶阔叶林过渡地带的珍贵宝库之一。</div>      <div class="width-100"><img  class="width-100" src="images/3.jpg" alt="CSS 设置字体环绕图片效果_html/css_WEB-ITnose" ></div>  </div>   </body></html>
로그인 후 복사


원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿