如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
Visual Studio Code设置在浏览器中查看html页面
来源：互联网
2023-03-16 19:11:32 455
Visual Studio Code默认是在VScode的控制台下查看html页面，这对于我们调试和查看效果十分不方便。所以这里我们需要安装一下扩展插件，在浏览器中查看html页面。
工具/原料
- Visual Studio Code
方法/步骤
首先打开程序，编写好一个html程序。
然后点击左侧第五行的扩展，或者使用快捷键ctrl shift X打开扩展栏。
在扩展栏的搜索栏中输入“open in browser”，然后就可以找到open in browser这款插件，插件右下角会显示安装字样。
因为这里我已经安装了，所以没有显示安装。
安装完成后，可以查看一下文档，里面有插件使用的快捷键。在默认浏览器中显示是Alt B；在其他浏览器中显示是Shift Alt B。
回到开始创建的html文档，可以使用快捷键运行。也可以对着html文档右键单击，在弹出的窗口中选择使用默认浏览器打开或者其他浏览器打开。
如果是选择在其他浏览器中打开，中间的命令框会显示可以使用的浏览器，选择自己需要的浏览器名称即可，这里我们使用chrome试试。
可以看到成功在浏览器中运行了程序。
注意事项
- open in browser插件使用比较方便，功能也比较稳定。其他的相关插件也有很多，但是效果不及这款。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 434 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)