欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

HBuilderX設(shè)置transform修改界面元素步驟介紹

HBuilderX是一款web開發(fā)工具,支持html5,小伙伴們可以用它設(shè)計自己的網(wǎng)站 。其中transform命令可以改變元素的設(shè)置,想知道具體怎么使用就接著往下看吧 。
HBuilderX使用transform對元素實現(xiàn)多種變形方法
第一步,打開HBuilderX工具,新建頁面文件,選擇HTML5模板

HBuilderX設(shè)置transform修改界面元素步驟介紹

第二步,在標簽中,插入一個div標簽
HBuilderX設(shè)置transform修改界面元素步驟介紹

【HBuilderX設(shè)置transform修改界面元素步驟介紹】第三步,使用div標簽ID選擇器,設(shè)置寬度、高度、字體屬性
HBuilderX設(shè)置transform修改界面元素步驟介紹

第四步 , 保存頁面代碼,打開瀏覽器 , 查看界面效果
HBuilderX設(shè)置transform修改界面元素步驟介紹

第五步,添加transform屬性,設(shè)置值為translate(200px, 200px) rotate(45deg) scale(1.2)
HBuilderX設(shè)置transform修改界面元素步驟介紹

第六步,再次保存并刷新瀏覽器,查看界面效果
HBuilderX設(shè)置transform修改界面元素步驟介紹

想看看還有什么軟件適合自己嗎?那就來經(jīng)驗啦網(wǎng)軟件教程頻道看看吧,這里有詳細的教程和攻略,總有一篇符合你的心意 。

相關(guān)經(jīng)驗推薦