HTML5和CSS3是網頁開發中常用的兩種技術，通過它們可以實現更加美觀、動態以及交互性強的網站頁面。下面列舉一些HTML5和CSS3的例題，希望對初學者有所幫助。

/*CSS3例題*/
/*圓角矩形*/
.rounded {
border-radius: 10px;
}
/*線性漸變*/
.gradient {
background: linear-gradient(to bottom right, #f00, #00f);
}
/*動畫*/
@keyframes slideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.slide {
animation: slideIn 1s ease;
}
/*HTML5例題*/
歡迎來到我的網站
這是一個段落。

以上是CSS3和HTML5的一些例題，希望對初學者的學習有所幫助。學習了這些例題后可以嘗試如何將它們應用到實際的網頁開發項目中。