对html的知识点难点进行总结(HTML的应用技巧三)

1.html文字环绕图片怎么设置

方法:设置图片为浮动

如下图为一张图和一段文字,当我们将图片设置为浮动后,文字环绕文字展示,而不是被图片压下下面。


对html的知识点难点进行总结(HTML的应用技巧三)(1)


2.行内块元素的使用技巧


如下图所示,我们想要实现这样的翻页效果,具体操作步骤如下:

对html的知识点难点进行总结(HTML的应用技巧三)(2)


第一步,我们先建立几个a链接和上一页下一页


对html的知识点难点进行总结(HTML的应用技巧三)(3)


第二步,我们讲这几个链接,转换为行内块元素,以便设置背景色、高度、宽度


对html的知识点难点进行总结(HTML的应用技巧三)(4)


第三步,单独设置上一页下一页的宽度:


对html的知识点难点进行总结(HTML的应用技巧三)(5)

对html的知识点难点进行总结(HTML的应用技巧三)(6)

2.html中直角三角形怎么制作

我们之前做过三角形的效果,只需要将需要展示的一边设置边框的颜色其他边全部为透明色。


对html的知识点难点进行总结(HTML的应用技巧三)(7)


要想实现直角三角形的效果,需要将需要展示的一边设置颜色,并将上边框的大小大于右边框的大小,其余边框为0


对html的知识点难点进行总结(HTML的应用技巧三)(8)

对html的知识点难点进行总结(HTML的应用技巧三)(9)


HTML应用技巧基本上就这么多了,接下来我们会介绍HTML的新特性以及css3的一些其他的用法。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页