HTML5是一種廣泛使用的網頁語言，可以在電腦屏幕上實現豐富的交互效果。設置電腦屏幕顯示效果需要通過CSS來實現。下面是一個簡單的實例，介紹怎樣使用CSS來設置網頁在電腦屏幕上的顯示效果。 首先，在HTML文件中使用meta標簽來定義視口(viewport)，以便網頁可以適應不同的屏幕尺寸。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

其中，width=device-width指定視口的寬度等于設備寬度，initial-scale=1.0指定縮放比例為1。 接著，在CSS文件中，使用@media規則來設置網頁在不同分辨率下的顯示效果。例如，在屏幕寬度小于768像素時，將網頁的字號設為14像素，段落與段落之間的距離設為1.5倍行高。代碼如下：

@media(max-width:767px) {
p {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 1.5em;
}
}

其中，@media規則指定在屏幕寬度小于768像素時生效，p標簽的font-size屬性指定文字大小為14像素，line-height屬性指定行高為1.5倍文字高度，margin-bottom屬性則指定段落之間的距離為1.5倍行高。 以上就是使用HTML5與CSS設置電腦屏幕上網頁顯示效果的方法。通過這種方法可以讓頁面看起來更加美觀，同時能夠適應不同屏幕尺寸的設備。