tft每日頭條

 > 科技

 > 對html的知識點難點進行總結

對html的知識點難點進行總結

科技 更新时间:2024-06-28 22:42:37
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的一些其他的用法。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved