<style>.box { border-bottom: 15px solid yellow border-bottom-style: double
}</style>
或者也可以直接在HTML元素的style属性中进行设置,如:
<div style="border-bottom: 15px solid yellowborder-bottom-style: double">这是一个盒子</div>
在这种情况下,border-bottom属性用于设置下边框的宽度和颜色,border-bottom-style属性用于设置下边框的样式,double值表示双实线。
注意:这里的颜色值可以是颜色名称(如yellow),也可以是十六进制颜色值(如#FFFF00)或RGB颜色值(如rgb(255, 255, 0))。
HTML页面何适应不同分辨率的显示器可以通过:响应式布局、自适应网页设计等方法:
1、响应式布局设计:
响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,响应式布局就是实现不同屏幕分辨率的终端上浏览网页的不同展示方式。通过响应式设计能使网站在手机和平板电脑上有更好的浏览阅读体验。一个网站能够兼容多个终端,而不是为了每一个终端做一个特定的版本。
2、自适应网页设计:
自适应网页设计(AdaptiveWebDesign)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。
扩展资料:
响应式布局与自适应布局的区别:
1、自适应布局通过检测视口分辨率,来判断当前访问的设备是:pc端、平板、手机,从而请求服务层,返回不同的页面;响应式布局通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容。
2、自适应布局需要开发多套界面,而响应式布局只需要开发一套界面就可以了。
3、自适应对页面做的屏幕适配是在一定范围:比如pc端一般要大于1024像素,手机端要小于768像素。而响应式布局是一套页面全部适应。
4、自适应布局如果屏幕太小会发生内容过于拥挤。而响应式布局正是为了解决这个问题而衍生出的概念,它可以自动识别屏幕宽度并做出相应调整的网页设计。
参考资料来源:百度百科-响应式布局
参考资料来源:百度百科-自适应网页设计
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)