No es ninguna imagen. El aspecto lo definen los estilos definidos en el archivo styles.css. En concreto, el borde que aparece en la capa principal "content" se define así:
Using css Syntax Highlighting
.content {
padding: 20px 30px 60px;
background-color:#000; /*background: transparent url(images/content_bg.png) repeat-x top;*/
min-height: 162px;
position:relative;
border: solid #222 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display:block;
}
Coloreado en 0.004 segundos, usando
GeSHi 1.0.8.4
Son las propiedades
border las que definen ese aspecto.
Si quieres usar una imagen, no es algo sencillo.
Debes crear una imagen que se componga de 8 partes, que definen el aspecto de las cuatro esquinas y el aspecto de las repeticiones superior, inferior, derecha e izquierda. Luego, en el estilo CSS debes indicar algo así:
Using css Syntax Highlighting
border-width: 102px;
-moz-border-image: url('borde.png') 102 102 102 102;
-webkit-border-image: url('borde.png') 102 102 102 102;
border-image: url('borde.png') 102 102 102 102;
Coloreado en 0.002 segundos, usando
GeSHi 1.0.8.4
La primera línea indica el tamaño del borde, que puede ser el mismo para los cuatro lados, o cuatro números, si son diferentes. Las otras tres reglas definen la imagen y las dimensiones. La primera regla es para el Firefox; la segunda para iOS, Android, Safari y Chrome; y la última, para el Opera.
Las dimensiones indican el tamaño de las esquinas. El espacio sobrante se toma como base para crear las repeticiones superior, inferior, derecha e izquierda. En el ejemplo, se está indicando que las esquinas tienen 102 píxeles de ancho y de alto. Si creamos 'borde.png' con un tamaño, de por ejemplo, 205x205, estamos queriendo decir que dejamos un solo píxel en anchura y en altura donde se definen las repeticiones.
Aquí lo tienes más descrito.
Y aquí, un generador.
P.D.: Sacado del libro «HTML 5 para iOS y Android», de Robin Nixon, Anaya Multimedia, 2011. 978-84-415-3066-9