在html中,怎么做到像图片中的界面排版? (大概就是,html中怎样做一个三角形边框

在html中,怎么做到像图片中的界面排版? (大概就是


1、在html中,怎么做到像图片中的界面排版? (大概就是


可以用1个最大的div层 包裹住,左边1个div 左浮动,右边1个div右浮动,左边的就是1个logo图,主要处理在右边。


右边的div定义好之后,在细分为上中下,3个大div,最上面的div 可以左右浮动,左边1个span标签放定位,右边可以用 ul li标签 来进行分配。


中间的div同理。左右div浮动,进行处理


最后的导航用 ul li 实现。如图只是做了1个大体的框架,具体实现需要做1些调整。附上效果图,源码




2、html中怎样做1个3角形边框






Document