1. 图片样式
img { width: 100px; height: 100px; border-radius: 50%; box-shadow: 2px 2px 5px grey; margin: 10px; }
上述代码表示将图片的宽高设置为100px,并添加了圆角、阴影以及外边距的效果。通过CSS的样式设置,可以让图片更加美观且符合网页设计风格。
2. Input样式
input { padding: 10px; font-size: 16px; border-radius: 5px; border: none; background-color: #f5f5f5; box-shadow: 1px 1px 2px grey; }
上述代码表示将Input元素的内边距、字体大小、圆角、边框以及背景颜色等效果进行设置。通过CSS的样式设置,可以让Input元素更加美观且易于用户操作。
总之,CSS的样式设置可以对网页元素进行美化以及用户体验的优化,这对网页的设计与开发都有着重要的作用。