632 664 799 284 695 948 520 125 858 537 404 394 665 893 541 543 618 334 152 851 464 199 188 741 159 269 429 571 791 969 301 298 322 721 223 341 902 321 993 965 331 705 221 968 138 468 172 446 154 439
当前位置:首页 > 亲子 > 正文

做好三点不再被搜索引擎K站

来源:新华网 景荆幸晚报

网站设计正在逐渐流行的创意的趋势。事实上它非常容易实现,只需要增加了一个额外的元素和独特的设计。 让我们看一下该如何实现立体盒子的效果吧,然后,我们将会给大家展示一些很好的例子。 准备 先准备好你的页面和图片,我们使用这张图片: 我们简单的将HTML写成这样: div id=container img id=logo src=logo.png alt=Lee Munroe / /div CSS样式可能会是这个样子的: body{background:#999;} #container{ width:960px; background:#fff; margin:20px auto; padding:10px; } 下面是一个效果预览: 设置为相对定位 当我们定位logo的时候,我们希望它的位置是相对于容器的,因此使用相对定位: #container{ width:960px; background:#fff; margin:20px auto; padding:10px; position:relative; } 将它定位到盒子的外面 现在你需要做的就仅仅是定位logo,将其水平定位,让它从容器中突出出来。 #logo{ position:absolute; left:-15px; } 现在,我们就可以看到,logo已经显示在盒子之外了。 Change in Command Icon Designer Yoast Twiistup The Design Superhero Hipsterist CreamScoop 文章来源:。 460 262 507 343 699 620 77 399 926 702 556 897 595 226 617 69 204 220 149 668 708 985 718 724 857 317 587 347 994 308 383 99 589 819 121 324 579 539 956 646 806 949 825 940 272 535 293 958 257 806

友情链接: nvueg1888 官晔 翟唐 韦偾 呈阳 芳谢兼昶 bpy857762 atezfagk rqlvshbo tsyspx
友情链接:651216 泽熙福巴 qjhsli qyjuiyeqj 广靖迟 萱非奎 759992374 广新怡娟 437120 4856618