Buenas
pst... estamos en el foro de Editores de sitios web cuya misión es aprender a hacer las cosas con los editores para aquellas personas que, por la razón que sea, no saben trabajar directamente con el código
Snoopy, sigue estos pasos:
En el menú Ventana llama al inspector (panel) de estilos CSS
Una vez tengas abierto ese panel fíjate que en la parte de abajo a la derecha tienes unos pequeños botoncitos. El segundo es un signo de + (más) sobre un folio doblado. Pinchalo (sirve para crear un nuevo estilo)
Donde dice "Tipo" escoge la primera opción "Crear estilos personal (clase)"
Encima hay un espacio que dice "Nombre". Asígnale un nombre a la clase que vas a crear (por ejemplo, pepe)
En el mismo cuadro, en la parte de abajo verás que pone "Definir en"; selecciona "Sólo este documento"
Acepta.
Se te abre otro cuadro con una columna de opciones a la izquierda. Selecciona "borde".
Verás que te cambian las opciones. Tienes para escoger "estilo" (el tipo de borde que quieras. En tu caso debes escoger "punteado" (si lo tienes en inglés, dotted). Puedes dejar activada la casilla "igual para todo". Así aplicará el mismo estilo de borde a los 4 lados.
Donde dice "Ancho" puedes poner valores (1 te pondrá un grosor de línea de 1 pixel). Tambié puedes escoger alguno de los valores que te sugiere el selector. Deja activada la casilla "igual para todo"
finalmente donde dice "color" pues escoges el color para el borde.
Aceptas.
Yá tenes creado tu estilo que lleva por nombre pepe. Ahora necesitas aplicarselo a tu capa.
Selecciona la capa. Te sugiero la pinches por el chirimbolo ese amarillo. Dale click derecho (click derecho, no izquierdo). Te saldrá un menú contextual. Busca "Estilos CSS". Verás que al detener el ratón sobre esa opción se despliega otro menú contextual y te aparece "Ninguno" y "pepe". Pincha sobre pepe (o el nombre que le dieras a tu clase)
Listo
